🎮 Building a Multi-Level 2D Platformer Game Using Amazon Q (On Mac)
amazonqcli #gamedev #ai #webdev
I built a complete 10-level 2D platformer game using just prompts to Amazon Q CLI — with full player mechanics, scoring, audio, and collision detection, all running in the browser!
🚀 Overview
As part of the Build Games with Amazon Q CLI challenge, I created a multi-level 2D platformer game from scratch using JavaScript, HTML/CSS, and Amazon Q on macOS.
I didn’t manually write most of the code. Instead, I used conversational prompts to guide Amazon Q — and it generated clean logic, structured visuals, audio support, and modular game systems. The result: a fully working game in just 1 day!
🧰 Tech Stack
- JavaScript
- HTML/CSS
- Web Audio API
- Amazon Q CLI (in VS Code)
- No frameworks, pure vanilla setup
- MacOS for local dev
🧠 What Amazon Q Helped Me Build
✅ Player Movement + Jump
Prompt:
Create basic movement for a platformer character with jump logic and gravity.
Q generated physics-based movement with collision checks.
✅ Coin Collection + Goal Activation
Prompt:
Add coin collection logic and show goal only after all coins are collected.
✔️ Coins collected = score increases
✔️ Goal appears only when coins = 0
✅ Audio System (Web Audio API)
Prompt:
Add audio for jump, coin, and background music using Web Audio API.
AI handled browser quirks like user interaction requirements and autoplay restrictions.
✅ 10-Level Progression System
Prompt:
Add a level system with 10 levels. Make it modular.
📦 Each level defined with:
- Obstacles
- Coins
- Goal position
- Increasing difficulty
✅ Game Over Warnings + Restart
Prompt:
Show warning if the player is inactive or fails to reach the goal.
✔️ Smart warning system
✔️ Restart on failure
✔️ Retry with last score displayed
✅ Visual Platform Customization
Prompt:
Make moving platforms stand out visually.
🎨 AI generated stylized platforms with:
- Beams
- Rivets
- Reinforcement effects
🔍 Debugging & Fixes with Q
Whenever I hit an issue, I just asked Q:
❌ keys not defined error
✅ Q: "Define keys object + add key listeners for Arrow/WASD."
❌ Game state bugs?
✅ Q: "Fix state handling when goal reached but coins remain."
🏁 Final Result
- 10 Levels
- Audio integration
- Game states (win/lose/pause)
- Score-based logic
- Modular folder with HTML/CSS/JS
- Works in browser + mobile responsive
🕹️ What I loved: AI didn’t just code—it understood game flow, logic, UI, and UX.
💡 What will YOU build with AI?
Drop your creation with #AmazonQCLI and let's inspire each other! 💥
Top comments (1)
Amazon Q is pretty cool. I too tried it recently. 🤝