A user-friendly game developed on canvas. The gameplay is to destroy all the coloured balls before they reach the white ball.
Disclaimer: This project development is an adaptive idea. I do not own any of the imported images or the sound from the online resources. All credits to its rightful owners.
The main goal was to learn the basic functionality of the HTML5 Canvas and create some Javascript functions such as collision detection and particle creation.
The function involving the display of the modal elements with the start of the game was the first challenge that I faced. But by using the Tailwind CSS resources, I was able to solve the display of the modal elements.
And the other ones involved the alignment of the HTML elements on the canvas and was corrected using basic CSS properties.
The original idea belongs to Chris Courses from youtube.
Chris Courses: Javascript Game Tutorial
Disclaimer: I did not purchase the permium course of this tutorial. And the modifications I made are solely my idea.
In addition to the instructions display and some fonts with CSS to the modal elements, I also added the storage of high scores using local storage.
Copyright © 2022 Anushree Jaiswal
Social