Number Popper Project Report
1. The Concept
Number Popper is a colorful educational math game designed to help players practise addition through quick, interactive challenges. Players select two numbered balloons whose sum matches the target number. The game includes 50 progressively challenging levels, an Endless Mode, lives, scoring, sound effects, music, visual feedback, and multilingual support for Khmer and English.
2. The Stack
The Stack: HTML5, CSS3, JavaScript, Web Audio API, Local Storage, and custom PNG/WebP game assets.
The AI Assist: AI was used as a design and development partner to improve the user interface, create polished balloon artwork, refine the game experience, implement gameplay feedback, debug audio controls, and expand the level system.
3. The 1 Day Sprint
Morning (Hours 1–3): Built the core game structure and addition-matching logic. Created the target equation, balloon grid, scoring system, lives, level progression, and basic navigation between the Home, Level Select, Gameplay, Pause, Game Over, and Level Complete screens.
Afternoon (Hours 4–6): Redesigned the balloons with colorful gradients, highlights, shading, and lively animations. Improved the Home screen with clear Start, Endless, How to Play, and Settings buttons. Added Khmer and English language support, music and sound controls, correct-answer celebrations, wrong-answer equation feedback, and clearer button interactions.
The Finish Line (Hours 7–8): Expanded the game from 20 to 50 progressively difficult levels. Improved the Level Select screen with scrolling, balanced balloon sizes and spacing, refined music volume, fixed audio muting, and completed final interface and gameplay polishing.
4. The Roadblocks
Roadblocks: The main challenges involved balancing balloon sizes across different grid layouts, keeping the interface clean on a small mobile screen, making interactive balloons clearly look clickable, and ensuring visual effects did not disappear too quickly. Audio controls initially changed their displayed state without immediately stopping active sounds. This was resolved by separating music and sound-effect controls, stopping active audio sources, and preserving each setting in Local Storage.
5. Key Takeaways
Clear visual hierarchy is essential for helping first-time players understand where to start and what they can interact with.
Gameplay feedback must remain visible long enough for players to understand whether their answer was correct or incorrect.
Progressive difficulty works best when both the number range and the number of available choices increase gradually.
Small details—including spacing, animation timing, button labels, sound balance, and selection effects—significantly improve the overall quality of a casual educational game.
My final thought: Number Popper evolved from a simple addition game into a polished, accessible, and engaging learning experience. The project demonstrates how thoughtful interface design, immediate player feedback, progressive challenge, and playful visuals can make mathematics more enjoyable.