DAY 1: GAME IDEA  •  DAY 2: CORE GAMEPLAY  •  DAY 3: MAKE IT YOURS  •  DAY 4: PLAYTEST & POLISH  •  DAY 5: SOUND & EFFECTS  •  DAY 6: ADVANCED FEATURES  •  DAY 7: DEPLOY & SHARE  •  DAY 8: FINAL PRESENTATION    
POWERED BY AI  ·  CLAUDE CODE CLI

AI Game Builder Summer Camp

Build your own real game in 8 days using AI as your coding partner. Zero experience needed — just your ideas.

8Days
0Coding Skills
Required
1Real Game
You Built
// BEFORE DAY 1

Install Claude Code

Do this one-time setup before the first day. It takes about 5 minutes. You only need to do it once per computer.

1
Install Node.js

Node.js lets JavaScript run on your computer. Go to nodejs.org, download the LTS version, run the installer, and click Next until it finishes.

nodejs.org → LTS Download
2
Open Your Terminal

The terminal is a text window where you type commands. It looks intimidating but you only need it for one step.

🪟 Windows Press Windows key → type Terminal → Enter
🍎 Mac Press Cmd + Space → type Terminal → Enter
3
Install Claude Code

Copy the command below into your terminal and press Enter. It downloads and installs Claude Code globally. This takes 1–2 minutes.

npm install -g @anthropic-ai/claude-code
4
Start Claude Code

In your terminal, type claude and press Enter. The first time you run it, Claude Code will ask you to log in — use the API key your teacher gives you.

claude
✓ You'll see a chat interface with a blinking cursor — Claude is ready!
// YOUR MISSION

8-Day Journey

Click any day to open a full step-by-step guide — complete with Claude prompts, what to expect, and teacher tips.

DAY 01
Game Idea & First Screen
Meet your AI partner and create your first game in the browser
💡
DAY 02
Core Gameplay
Add falling objects, scoring, lives, and game over screen
🎮
DAY 03
Make It Yours
Choose a theme, add your name, and give the game personality
🎨
DAY 04
Playtest & Polish
Find bugs, fix them, and add a high score that saves
🔧
DAY 05
Sound & Effects
Add sounds, particle explosions, and screen flashes
🔊
DAY 06
Advanced Features
Add speed increases, rare power-ups, and milestone rewards
DAY 07
Deploy & Share
Put your game online — anyone in the world can play it
🚀
DAY 08
Final Presentation
Show off your game and celebrate what you built
🏆
// LIVE EXAMPLE

See What You'll Build

This mini-game was built using the exact same steps you'll follow — one Claude prompt at a time.

SCORE: 0 ❤️ ❤️ ❤️
STAR CATCHER Collect stars · Miss 3 and it's over!

Built one step
at a time with Claude

Day 1: A screen + a player square that moves.

Day 2: Stars falling, score, lives, game over.

Day 3: Space theme, colors, name on screen.

Day 4: High score saves. Bugs fixed.

Day 5: Sound effects + particle explosions.

Day 6: Stars speed up as your score grows.

Every step was just describing what you want — no memorizing code, no tutorials, no copying confusing examples. Just ideas becoming games.

←→ Arrow Keys
A / D Keys
📱 Touch Screen
// WORKING WITH AI

Talk to Your AI Partner

Claude Code is like a senior developer sitting right next to you. The better you describe what you want, the better it performs.

1
Describe What
You See in Your Head

Use plain English. Colors, sizes, what moves, what happens when buttons are pressed. No technical words needed — just describe it like you're talking to a friend.

2
Test It Immediately
in the Browser

Open the file Claude gives you. Play it. Notice what feels wrong or missing. That becomes your next prompt. The feedback loop is the skill.

3
Tell Claude
What to Fix

If something breaks, open the console (F12), copy the red error text, and paste it to Claude. If something feels wrong, just describe it. Claude will fix it and explain why.

✗ WEAK PROMPT
"Make my game better"

❌ Too vague. Claude doesn't know what "better" means to you. It might change things you didn't want changed. Always be specific about what you want to improve.

✓ STRONG PROMPT
"When the player scores 10 points, make the background flash yellow for 0.3 seconds, then increase the falling speed by 20%"

✅ Specific, visual, and measurable. Claude knows exactly what to build. The clearer the instruction, the better the code it writes.

✗ WEAK PROMPT
"Fix the bug"

❌ Which bug? Claude can't see your screen. Always open the browser console with F12, copy the exact red error message, and paste it so Claude knows exactly what went wrong.

✓ STRONG PROMPT
"I'm getting this error in the console: 'Uncaught TypeError: Cannot read properties of undefined (reading score)'. Here is my full game code: [paste code]"

✅ The error message + the code gives Claude everything it needs to diagnose and fix the exact problem without guessing.

ONE THING AT A TIMEMake one change per prompt. If you ask for 5 changes at once and something breaks, you won't know which one caused it.
DESCRIBE THE FEELING"Make it feel satisfying" or "make it feel intense and fast." Claude understands feelings and translates them into code decisions.
ALWAYS PASTE YOUR CODEWhen asking Claude to change something, always paste the current version of your code first. It won't guess what you have.
ASK IT TO EXPLAINEnd any prompt with "and briefly explain what you changed." You'll understand your own game faster and learn as you build.
// YOUR PROGRESS

Track Your Journey

Check off each milestone as you complete it. Your progress is saved automatically in this browser.

OVERALL PROGRESS
0%
0 of 16 tasks complete
Click tasks on the right to start tracking! 👆
DAY 1I had my first conversation with Claude Code
DAY 1My game opens in the browser with a player that moves
DAY 2Objects fall and the player can catch them to score
DAY 2Lives system + Game Over screen working
DAY 3My game has a theme (space / jungle / city / other)
DAY 3My name appears on the title screen
DAY 4I found and fixed at least one bug using F12 console
DAY 4High score saves between browser sessions
DAY 5My game has at least one sound effect
DAY 5Visual effects added (particles, flash, or glow)
DAY 6Added one advanced feature (difficulty, power-up, etc.)
DAY 6A friend played my game and gave feedback
DAY 7My game is live at a real URL on GitHub Pages
DAY 7Game works on a mobile phone with touch controls
DAY 8I presented my game to the class
DAY 8🎉 CAMP COMPLETE — I built a real game with AI!

Built for classroom use  ·  TechVisionEra  ·  Powered by Claude Code CLI

Open index.html in any browser — no server or internet required after first load