Destroy the Bricks -
A Browser Game
The
Project
Destroy the Bricks is a browser‑based game I designed and programmed, where players clear a field of color‑shifting bricks by bouncing a ball off a movable paddle and the surrounding walls. The paddle — controlled with the left and right arrow keys — shifts color as the game progresses, reinforcing the visual rhythm of play. Each brick destroyed increases the score, while every missed ball costs one life. The session continues until all lives are lost.
If the player clears the board, they advance to the next level. With each progression, the challenge intensifies: the paddle becomes smaller and the ball accelerates, creating a more demanding and dynamic interaction. This gradual escalation encourages players to adapt their timing and precision, turning a simple mechanic into an engaging, skill‑based experience.
Project Type: Browser Game
Project Format: Individual project
Role: Game Designer, Programmer
Tools: Visual Code Studio, HTML, CSS, JavaScript, API
Mapping the Interaction
To clarify the game’s structure, I created an interaction diagram that maps how player input, ball movement, and collision detection shape the overall experience. It highlights key decision points — losing a life, clearing the final brick, or advancing to the next level — making the underlying mechanics easy to understand at a glance. This mapping helped me refine the game’s pacing and ensure that each progression felt intuitive and rewarding.
Coding the Game
I designed and programmed the entire system that connects player actions to the game’s visual and behavioral responses. This included building functions for rendering the bricks, paddle, and ball; detecting collisions; updating the score and lives; and managing level transitions. I also implemented a color‑fetching function that retrieves new palettes from an external API, allowing the game’s look to shift dynamically with each session.
All of these elements come together in the main loop, which continuously updates the canvas based on user input. Developing the game strengthened my understanding of how interaction logic, visual feedback, and pacing shape the player’s experience — a reminder of how even simple mechanics can become expressive when timing, responsiveness, and atmosphere work in harmony.
Selected Works
Looking forward to hearing from you!
Copyright © 2026 Isabel Mercedes Parini.
All rights reserved.
