A simple browser-based game where the goal is to click the moving bird to earn points. Itโs a test of speed and precision! If you click outside the bird's area, the game ends immediately.
- Simple Gameplay: Click the bird to score a point.
- Score Tracking: A clear counter to display the current score.
- Dynamic Movement: The bird moves continuously and bounces off the screen edges for unpredictable paths.
- Custom Cursor (Aim): The default cursor is replaced by a custom aiming image (
#aim) that tracks the mouse. - Sound Effects: Distinct sounds play for a successful hit (
pass.mp3) and for the "Game Over" event (gameover.mp3).
Experience the game directly in your browser!
Since this game is fully powered by HTML, CSS, and JavaScript with no backend required, running it is straightforward.
-
Download the Project Files:
index.htmlstyle.cssmain.js- The necessary asset folders:
images/(containingaim.png) andaudio/(containinggameover.mp3andpass.mp3).
-
Open the File: Simply open the
index.htmlfile directly in your preferred web browser (e.g., Chrome, Firefox).
- Aiming: The aiming sight follows your mouse movement across the screen.
- Hit the Bird: Click the left mouse button on the moving bird (
#baird) to increase your score by one. The bird will then teleport to a new random starting position. - Game Over: If you click the left mouse button anywhere outside of the bird's area, the game will end, your score will reset to zero, and the "Game over" alert and sound will play.
- Restarting: After the game over alert, you can immediately start playing again by successfully clicking the bird.
This project showcases fundamental frontend web development skills.
This project is licensed under the MIT License.
