LEVEL 3 🚀

Make it real

Functions, lists, and your first proper game. By the end of this level your code lives on GitHub — the same place professional engineers keep theirs.

3A

Function Factory

A function is a recipe you write once and use forever. We wrote flower() once — now we can plant a whole garden in three lines.

Code — copy me into the p5.js editor

        
Open p5.js editor ↗📁 Level 3 sketches ↗

      

      

        
Demo — what yours should do

        
      

    

    
🎯 Challenges: plant 10 flowers · make a giant one · give flower() a colour ingredient too · write your own function: robot(x, y, size)

  


  

    

      3B
      
Fireworks

      
An array is a list. Ours holds hundreds of sparks, each with its own position and speed — and one loop moves them all. Click to launch!

    

    

      

        
Code — copy me into the p5.js editor

        

        
Open p5.js editor ↗📁 Level 3 sketches ↗

      

      

        
Demo — click on it!

        
      

    

    
🎯 Challenges: more sparks per burst · change the trail length (the 60 in background) · zero gravity fireworks · make each burst a single random colour

  


  

    

      3C
      
Pong — The Real Deal

      
Everything you've learned in one game: variables, if-statements, coordinates, collision. It works — but it's your job to make it better.

    

    

      

        
Code — copy me into the p5.js editor

        

        
Open p5.js editor ↗📁 Level 3 sketches ↗

      

      

        
Demo — move your mouse to play

        
      

    

    
🎯 Boss challenges: show a high score · add a second paddle on the right (2-player!) · make the ball flash when it hits · game over screen after 3 misses

  


  
  

    
    

      
Git — save points for code 💾

      
Git is like save points in a game. Commit = save your progress. GitHub = your saves, online, with your name on them. This is the exact workflow professionals use every single day.

      
git init                    # start tracking this folder (once per project)

      
git status                  # "what's changed since my last save?"

      
git add .                   # "get everything ready to save"

      
git commit -m "added scoring" # SAVE, with a note

      
git push                    # upload your saves to GitHub

      
💡 Commit messages say what you did: "added fireworks", "fixed the paddle bug". Future-you reading the history should know exactly what happened. And yes — your GitHub profile is basically a trophy cabinet.