🎮
Pixel Pet
Graduation day! You've mastered variables, math, conditionals, strings, arrays, loops, functions, and the DOM. Now combine EVERY tool into one mini-game — a Pixel Pet that eats, plays, sleeps, and reacts to your care. This is the Creator Path capstone — your first real project!
💓
Heart Beat Hospital
Learn DATA — how computers collect information, read it, and use it to make decisions! Read heart monitors, match readings to health, collect patient data, and be the doctor. Input, Process, Output!
🎪
Canvas Circus
You've mastered variables, loops, functions, and the DOM. Now meet the HTML5 CANVAS — a blank stage you paint with code! Be the circus ringmaster: change colors, sizes, and positions of shapes and watch your circus scene repaint instantly. Learn fillStyle, fillRect, arc, and the (x,y) coordinate grid!
⭐
Star Catcher
In Aquarium Animator you made things MOVE. Now make a GAME that reacts when you TAP! Meet canvas events — click listeners that fire your code the instant a player touches the screen. Build Star Catcher: stars fall from space, you tap to catch them, your score goes up, and IF-statements decide if you WIN or LOSE. Set the win target, set the miss limit, then play YOUR OWN game. This is how every video game on Earth works — events, state, and rules!
🧪
Potion Timer Lab
You built a game that reacts when you TAP (Star Catcher). Now make code that runs AUTOMATICALLY on a SCHEDULE — no tapping needed! Meet TIMERS: setTimeout runs once after a delay (like a potion timer that dings when done), and setInterval runs again and again on repeat (like a cauldron that stirs itself every few seconds). Build a Potion Timer Lab: set the brew delay, set the stir interval, choose your potion color, then watch your cauldron come alive on its own. This is how every clock, countdown, and auto-update in every app works!
🎭
Spotlight Chief
Be the SPOTLIGHT CHIEF! Program COMPARISON rules (>, <, =) that read the crowd's noise level and decide the show: PARTY MODE, HUSH, SLOW SONG, STAR PERFORMANCE, or ENCORE. Computers compare numbers every day — now YOU write the checks!
🏰
Castle Builder
Learn DECOMPOSITION — the superpower of BREAKING big problems into small steps! The King wants a giant castle. That feels impossible... until you split it into small steps: foundation, walls, towers, gate, flag! Build the royal castle, fix the apprentice's scrambled plan, and design YOUR OWN castle. Every coder breaks big problems into small ones — now YOU can too!
📡
Firefly Signals
Deep in the Enchanted Forest, fireflies talk with GLOWING signals! An EVENT is something that HAPPENS — a tap, a hoot, a gust of wind. When an event happens, the forest LISTENS and DOES something! Build WHEN–DO rules: WHEN the lantern is tapped, DO the fireflies glow! Wake the fireflies, light the mushroom ring, and design YOUR OWN forest light show — all powered by EVENTS! You already know SEQUENCE, LOOPS, and VARIABLES — now learn the superpower that makes programs INTERACTIVE!
🐉
Dragon Array
Welcome to the Dragon Sanctuary! 🐉 A VARIABLE holds ONE thing — but an ARRAY holds MANY things in a row! Think of it as a line of numbered dragon cages: index 0, index 1, index 2... You already write functions (recipes) — now store their results in a list you can grow, shrink, and peek into. Master .push() to rescue dragons, .pop() to release them, .length to count, and [0] to check who's first. Arrays are the backbone of every app — shopping carts, playlists, scoreboards!
🪙
Treasure Sorter
Welcome back to Treasure Island! 🪙 Yesterday you FILTERED treasures — today put them in ORDER with .sort()! Write comparator functions like (a, b) => a - b to sort cheapest→priciest, A→Z, or backwards. Dodge the sneaky Number Trap ([80, 9, 100].sort() gives [100, 80, 9]?!) and build a Top 3 leaderboard with sort + slice!
🎭
Curtain Call
When the curtain rises, amazing things happen! 🎭 An EVENT is a TRIGGER — it says 'WHEN this happens, DO that!' In the Stage & Music universe, you connect TRIGGER blocks (Clap! Spotlight! Music!) to ACTION blocks (Dance! Sing! Sparkle!) to build a real performance. Snap the connections, press START SHOW, and watch your code come alive under the spotlight!
🌷
Garden Sorter
Petal Parade promised it — the Garden Sorter is here! 🌷 The garden show line-up is a MESS: tall, tiny, medium, all jumbled. Meet .sort() — the coach power that asks two flowers 'who comes first?' and lines the WHOLE row up in perfect order. Flip the compare rule to reverse the line-up, sort by petals instead of height, and run the Garden Show like a true Line-Up Coach!
🔍
Data Detective
Welcome to Data Command, Agent! 🔍 A mystery dataset has just arrived — clues hidden in plain sight. Use .filter() to narrow suspects, .map() to extract key data, and .find() to catch the culprit. Every real app solves problems this way: narrow the data, extract what matters, find the answer. Case File #1: The Stolen Prototype!