Count Coil Project Report
1. The Concept
Count Coil is a portrait-first browser arcade math game. Players steer a snake through an endless course, collect positive numbered balls to grow, choose safe numbered blocks to subtract from their count, and avoid white wall barriers. The goal is to survive as long as possible, collect stars, and beat the saved best score.
2. The Stack
The Stack: A single self-contained index.html using vanilla HTML, CSS, JavaScript, HTML5 Canvas, requestAnimationFrame, browser audio, and localStorage.
The AI Assist: Codex was used to implement, refine, test, and document the game. It supported the canvas gameplay systems, responsive UI, obstacle patterns, sound integration, shop UI, visual polish, and project documentation.
3. The 1 Day Sprint
Morning (Hours 1–3): Defined the game shell and portrait layout, then built the splash screen, start screen, How to Play overlay, canvas setup, input handling, snake rendering, and core state flow.
Afternoon (Hours 4–6): Added the main gameplay loop: numbered-ball collection, snake growth, numbered-block subtraction, collisions, Game Over behavior, score persistence, difficulty progression, and the pause/restart/home flow.
The Finish Line (Hours 7–8): Added obstacle-course variation with safe paths and white walls, stars and snake skins, sound effects and background music, then refined the Start screen spacing, HUD, settings, glow effects, and project documentation.
4. The Roadblocks
Roadblocks: The key challenge was keeping the game visually polished without introducing a framework or additional executable files. The project also needed responsive portrait spacing, reliable collision behavior, fair obstacle layouts, browser-safe audio playback, and effects that looked smooth rather than clipped. These were handled with procedural Canvas drawing, CSS layering, small focused UI adjustments, and local browser-safe preferences.
5. Key Takeaways
A focused one-file browser game can still deliver a complete experience when the game state, rendering, input, and UI transitions are kept clear and lightweight.
Small polish decisions matter: fair obstacle paths, clear number rules, readable HUD spacing, responsive controls, consistent skin colors, and sound feedback make the game easier to understand and more satisfying to play.
My final thought: Count Coil demonstrates how a simple addition-and-subtraction rule can become a fast, replayable arcade challenge with a strong visual identity.