The game is essentially a test of reflexes and speed. The essence of the game is to hit the circle that appears in different corners of the board.
The game is created with native JS, without any frameworks and libraries.
There are three screens in the game:
- Start game
- Choose a time
- Game board
Changing screens is done by adding or remove the up class to the screen:
.screen.up { margin-top: -100vh; }
The game board looks like this:
How to make a circle appear of random size in random places on the board:
At the end of the game, the result is displayed - the number of hits on circle, and you can start the game again
I've learned myself web development without any courses or training, so if you have any comments, I will be happy to chat with you on social networks (see my profile 🔥)