← Back CP ⭐ Star Catcher
🚀 Space Command — In Aquarium Animator you made a fish swim by itself. Today you make a real GAME! Stars fall from deep space. You TAP to catch them. Your score goes up. And when you hit the target — YOU WIN! Every video game is built from the same three things: events, state, and rules. Let's build yours!

🎮 Events + State + Rules = A Game

A game is just three pieces of code working together. An event is something the player does — like tapping the screen. State is what the game remembers — your score and your misses. Rules are if-statements — IF score reaches the target, you WIN! Move the sliders to set YOUR rules, then play the game you designed!

// 🎮 your game lives in these 3 pieces:
// 1️⃣ STATE — what the game remembers
var score = 0, misses = 0;

// 2️⃣ EVENT — fires the instant you TAP
canvas.addEventListener('click', function(tap) {
  if (hitStar(tap)) { score += points; }  // 💰 catch!
});

// 3️⃣ RULES — if-statements decide win/lose
if (score >= target) { win(); }  // 🏆
if (misses >= limit) { lose(); } // 💥
🎯 Missions Catch 5 stars! Win a game! Finish all 5 challenges!
⭐ star-catcher.js — Your Game Engine
1// 🎮 GAME STATE — your score & misses
2var score = 0, misses = 0;
3
4// 👆 TAP EVENT — runs the instant you touch!
5canvas.addEventListener('click', function(tap) {
6  if (hitStar(tap)) {
7    score += 1;  // 💰 +points!
8    if (score >= 5) win();// 🏆
9  }
10});
11
12// 🌠 each frame: stars fall down
13star.y += 2;
14if (star.y > floor) {
15  misses++;  // 💔 you missed it!
16  if (misses >= 3) lose();// 💥
17}
⭐ Live Game — tap the falling stars to catch them!
🎮 Status: Set your rules, then tap PLAY!

🎛️ Set Your Game Rules

🏆 Win Target — score needed to WIN
Target
5 pts
💔 Miss Limit — misses before GAME OVER
Limit
3
🌠 Star Speed — how fast they fall
Speed
2
💰 Star Points — points per catch
Points
✨ Bonus Stars — rare golden star worth +5
Bonus

🎯 Star Catcher Challenges

1
👆 First Catch: Press PLAY and tap a falling star — that's a click event firing your code!
event
✅
2
🏆 Win a Round: Catch enough stars to reach your Win Target — watch the if (score >= target) trigger YOU WIN!
if-statement
✅
3
💥 Game Over: Let stars hit the floor until misses reach your limit — the if (misses >= limit) rule fires GAME OVER!
condition
✅
4
💰 Double Points: Set Star Points to +2 (or +3) and WIN — a variable changes how the game counts your score!
variable
✅
5
✨ Bonus Hunter: Turn Bonus Stars ON and catch a rare golden star worth +5 points — special events make games exciting!
bonus
✅
🌟 Game Dev Progress0%

⭐ Welcome to Star Catcher!

You animated a fish in Aquarium Animator. Now build a real GAME! Stars fall from space. You TAP to catch them. Set your own rules with the sliders, then PLAY the game you designed!

🏆Set your Win Target — the score you need to WIN
💔Set the Miss Limit — how many you can drop before GAME OVER
👆Press PLAY, then tap falling stars to score — that's a click event!
🎮Finish all 5 challenges to become a Game Developer!