Vibe Coding JavaScript Games

A chapter-aligned GitHub repo for the book Vibe Coding JavaScript Games.

This repo is organized so each chapter maps to one playable game project. The goal is not just to copy code, but to understand:

• what each game system does
• how the JavaScript logic works
• how input, state, rules, and output connect
• how to use Vibe Coding to design, scaffold, refine, and expand games with AI

Book-to-Repo Structure

Each chapter folder contains:

• index.html
• styles.css
• script.js
• README.md
• chapter-guide.md

The chapter-guide.md file is the teaching companion for the code. It explains:

• the game concept
• the core logic
• how the code is applied
• where Vibe Coding fits into the workflow
• suggested upgrades and exercises

Chapter Map

1. Slot Machine
2. Blackjack Command
3. Roulette Frontier
4. Poker Showdown
5. Circuit Null
6. Pulseblind
7. Inversion Run
8. Wreckline Salvage
9. Ironwake Trader
10. Relic Cartographer
11. Blacksite Broadcast
12. Deadzone Sector
13. Phantom Mirror Arena
14. Second Shadow Heist
15. Hero Dice: Villain Crisis

How to Use This Repo

Start with each chapter folder in order. The projects are arranged so that each chapter introduces at least one new concept, while reinforcing earlier ideas like:

• variables and state
• functions
• conditionals
• arrays and objects
• DOM updates
• canvas rendering
• collisions
• randomness
• persistence with localStorage
• reusable game logic patterns

Vibe Coding Workflow

For every game, use this cycle:

1. Visualize the player experience
2. Identify the systems: input, state, logic, output
3. Build fast with AI-assisted scaffolding
4. Explain deeply by reading and testing the code
5. Extend with custom mechanics
6. Reflect on reusable patterns for the next game

Suggested Publishing Uses

This repo can support:

• the book manuscript
• a Udemy course
• blog posts
• newsletters
• YouTube tutorials
• GitHub Pages demos

License

MIT