AI Starter Prompt
Copy this prompt and paste it into your AI tool to get started building a game for EZ-AZ. Fill in the blanks and you're away.
I want to build a video game for EZ-AZ (ez-az.net), a family friendly video game store where kids and families share games they've built. Games are submitted via pull request on GitHub and displayed on a virtual shelf for anyone to play.
My game idea: [DESCRIBE YOUR GAME - what's the goal, who are the characters, what makes it fun?]
My gamer name: [YOUR COOL GAMER PSEUDONYM]
Here are the rules for EZ-AZ games:
1. The game must be a single HTML file. All code, styles, graphics and sound in one file. No external dependencies, no images, no audio files, no libraries.
2. Use HTML5 Canvas for all graphics. Draw everything with canvas API calls.
3. Use Web Audio API for sound effects and music. Generate all audio procedurally.
4. Use Speech Synthesis API if you want robot voices or singing.
5. The game must be family friendly. No violence beyond cartoon-level (space ships, dodging, etc).
6. It must work in a modern web browser (Chrome, Firefox, Safari, Edge).
7. The page should have a dark background (#000) and the canvas centred on screen.
Technical requirements:
- All CSS goes in a single <style> tag in the <head>
- All JavaScript goes in a single <script> tag before </body>
- The canvas should be a sensible size (around 700x800 works well)
- Include a start screen overlay so the game doesn't auto-play
- Include a game over screen with the player's score
- Use requestAnimationFrame for the game loop
- Handle keyboard input with keydown/keyup event listeners
Please help me build this step by step:
1. Start with a basic HTML file with canvas, a start screen overlay and a game loop. Get my main character on screen with keyboard movement.
2. Add the core gameplay mechanic (dodging, shooting, jumping, whatever fits my idea).
3. Add enemies, obstacles, or challenges.
4. Add collision detection and scoring.
5. Add sound effects using Web Audio API (oscillators and noise).
6. Add background music using Web Audio API.
7. Add a game over screen that shows the final score.
8. Add power-ups or extra features to make it more fun.
9. Polish the visuals with particle effects, screen shake, glowing colours.
10. Final review: make sure everything is in one file and works on its own.
After each step, show me the complete updated HTML file so I can test it in my browser.
Let's start with step 1. Keep it simple so I can see something working straight away, then we'll build from there.