Skip to content

# ๐Ÿฆ Bird Game - A Simple Target Game A simple browser-based game where the goal is to **click the moving bird** to earn points. If you click outside the bird's area, the game ends.

Notifications You must be signed in to change notification settings

ahmed-hashim2024/Bird-Game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

5 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation


๐Ÿฆ Bird Game: A Simple Target Practice

Typing SVG

๐ŸŽฏ About the Game

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.

โœจ Features

  • 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).

๐Ÿ”— Live Demo

Experience the game directly in your browser!


๐Ÿš€ How to Run Locally

Since this game is fully powered by HTML, CSS, and JavaScript with no backend required, running it is straightforward.

  1. Download the Project Files:

    • index.html
    • style.css
    • main.js
    • The necessary asset folders: images/ (containing aim.png) and audio/ (containing gameover.mp3 and pass.mp3).
  2. Open the File: Simply open the index.html file directly in your preferred web browser (e.g., Chrome, Firefox).


๐ŸŽฎ How to Play

  1. Aiming: The aiming sight follows your mouse movement across the screen.
  2. 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.
  3. 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.
  4. Restarting: After the game over alert, you can immediately start playing again by successfully clicking the bird.

๐Ÿ› ๏ธ Technologies Used

This project showcases fundamental frontend web development skills.

ย  ย  ย 


๐Ÿ“ License

This project is licensed under the MIT License.

About

# ๐Ÿฆ Bird Game - A Simple Target Game A simple browser-based game where the goal is to **click the moving bird** to earn points. If you click outside the bird's area, the game ends.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published