Breakout – Typescript

Back to projects

Creation of a Brick Breaker game developed using HTML5 Canvas and Typescript. This project is personal and was undertaken to test my skills with the Typescript language.

A brick breaker game where the ball breaks a brick.

The challenge I set for myself

For my part, I wanted to create different difficulties by adjusting the ball parameters and level generation according to the difficulty. I also wanted to give users more control by allowing them to choose the color of their ball. My goal was to optimize the game as much as possible. As of today, the game is not finished. It is still a work in progress.

Color selection for the Brick Breaker game

The challenge I set for myself

For my part, I wanted to create different difficulties by adjusting the ball parameters and level generation according to the difficulty. I also wanted to give users more control by allowing them to choose the color of their ball. My goal was to optimize the game as much as possible. As of today, the game is not finished. It is still a work in progress.

Brick Breaker Game Main Menu

The steps of my work

Firstly, during the development of my project, I listed all the tasks I needed to accomplish in my README.md on GitHub. This included the challenges I set for myself. I then created a checklist of everything that still needed to be done in my project, which I validated during the project’s design phase. I invite you to visit my GitHub page for a detailed breakdown of each step. Page github du projet

Difficulties of the Brick Breaker game

The difficulties I encountered

I encountered several difficulties. The first one was the collision system, which is still not optimal to this day but functional. I struggled with detecting the corners of my shape since the ball has a circular hitbox rather than a rectangular one. It was challenging to avoid unexpected behavior when the ball hit a corner. I also faced difficulties in synchronizing my entire code during game startup and its reset after a game over.

A brick breaker game where the ball breaks a brick.