This project is a browser-based Arkanoid-style game built using HTML5 Canvas and Vanilla JavaScript. It demonstrates core front-end development skills including game loop implementation, collision detection, state management, and DOM manipulation.
The game allows the player to control a paddle using keyboard input to bounce a ball and destroy blocks. After reaching a defined objective, a dynamic celebration screen is triggered, showcasing UI transitions and animation handling.
- HTML5 Canvas 2D rendering
- Real-time game loop using
requestAnimationFrame - Ball physics with dynamic bounce angles
- Collision detection (paddle, walls, blocks)
- Score tracking system
- Game state transitions (play → win → reset)
- Animated UI overlay with DOM manipulation
- Restart functionality without page reload
- Pure JavaScript (no frameworks)
- Structured game logic and object-based state management
- Responsive centered layout
- Clean event handling for keyboard input
Open the HTML file in any modern browser.
No dependencies required.
This project demonstrates practical knowledge of front-end fundamentals, interactive UI design, and real-time browser-based logic implementation.