Build a Snake Game with AI

Step 1: Create the project folder

Create a new folder called `snake-game` on your computer. Inside it, create two files:

• `index.html`
• `game.js`

---

Step 2: Generate the HTML skeleton

Open your AI assistant and use this prompt:

> Create a minimal HTML5 page with a centered 400x400 canvas element with id "gameCanvas" and a dark background. Include a script tag linking to game.js. Add a score display above the canvas.

Copy the output into `index.html`.

---

Step 3: Generate the game engine

Use this prompt with your AI assistant:

> Write a JavaScript Snake game for an HTML5 canvas (id: gameCanvas, 400x400). Include: a snake that starts in the center moving right, arrow key controls, random food spawning, score tracking that updates a #score element, collision detection with walls and self, and a game-over state with restart on Enter key. Use a 20px grid. Game speed should increase slightly as the score goes up.

Copy the output into `game.js`.

---

Step 4: Test and play

Open `index.html` in your browser. You should see:

• A game board with a green snake
• A red food item
• Arrow keys move the snake
• Score increases when eating food
• Game ends on collision

---

Step 5: Customize (optional)

Try these follow-up prompts to enhance your game:

> Add a high score tracker that persists using localStorage.

> Add smooth snake movement animation between grid cells.

> Add a start screen with difficulty selection (slow, medium, fast).

> Change the snake appearance to use gradient colors that change based on length.