Brick Smash Project Report
1. The Concept
Brick Smash is a responsive arcade brick-breaker game designed for quick, satisfying play on desktop and mobile. Players move a paddle to keep the ball in play, break colorful brick layouts, protect three lives, and progress through ten deterministic levels.
2. The Stack
The Stack: One self-contained HTML file using vanilla HTML, CSS, JavaScript, and the HTML5 Canvas API. The project uses local PNG artwork for its game UI, the Web Audio API for lightweight generated sound effects, and no framework, backend, database, or build process.
The AI Assist: AI-supported the implementation process by helping structure the game states, refine responsive layouts, integrate the provided visual assets, and validate the one-file application as each feature was completed.
3. The 1 Day Sprint:
Morning (Hours 1–3): Built the game shell, start screen, responsive 480 × 720 Canvas foundation, paddle controls, ball movement, wall collision, brick collision, and score system.
Afternoon (Hours 4–6): Added the complete game flow: pause and resume, sound toggle, three-life system, game-over handling, ten level layouts, level-clear flow, and replay behavior.
The Finish Line (Hour 7-8): Refined the gameplay HUD and result overlays with supplied artwork, completed responsive visual polish, added restrained game feedback, and documented setup and controls.
4. The Roadblocks
Roadblocks: The main challenge was keeping the game visually balanced across narrow phones and desktop screens while preserving the 9:16 game shell and a fixed logical Canvas size. Result overlays also had to remain readable without hiding the core HUD, while pause, sound, lives, levels, timing, and one animation loop stayed reliable across all game states.
5. Key Takeaways
Keeping the game in one HTML file made the project easy to open, share, and test, but required clear state management and carefully scoped styling.
Using a fixed Canvas coordinate system with responsive CSS scaling allowed the same gameplay to work consistently with keyboard, mouse, and touch input.
My final thought: Brick Smash proves that a focused arcade game can feel complete and polished in a compact one-day MVP when the gameplay loop, visual hierarchy, and responsive behavior stay at the center of every decision.