The breakout game was one of my university projects during my first year. At the time, everything in computer science was new to me, and even writing simple programs was a challenge. This project, based on the original assignment (available here), was a significant hurdle.
I used Stanford's library to implement most of the functionality, but there was one persistent bug where the ball would occasionally get stuck in the paddle. 🏓 Despite taking all possible deadline extensions, I couldn’t completely resolve the issue. Later, I discovered that this issue had already been addressed in the conditions provided by Stanford's library. 😅
Years later, while learning TypeScript and exploring libraries like Pixi.js, I decided to revisit and rewrite the breakout game. This time, I approached it as a way to deepen my understanding of TypeScript and modern development tools. 🚀
The setup is as simple as it gets!
- If you haven't already, download and install Node.js and npm from nodejs.org.
- Open your terminal/command prompt and Use the
cdcommand to navigate to the directory where you cloned the Sorting Visualizer repository. - Open a terminal and run
npm installto install all the dependencies. - After that, simply run
npm run devfor a local development environment.
If you just want to test the game , you can visit this link
P.S Game is not responsive 😅 I don't recomend it for phone users 🤯