Skip to content

A simple JavaScript and HTML5 Canvas game where you control a player to catch falling objects, earn points, and avoid obstacles.

Notifications You must be signed in to change notification settings

Anas-Shanan/Falling-Objects

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

4 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Catch the Falling Objects

A simple arcade-style game built with vanilla JavaScript and HTML5 Canvas.
Move the player left or right and catch falling objects to score points โ€” avoid missing too many or the game is over!

๐Ÿ“„ Topics

  • JavaScript
  • HTML5 Canvas
  • Game Development
  • Arcade Game
  • Falling Objects
  • Collision Detection
  • Frontend Practice

๐Ÿ“ Project Structure

/
โ”œโ”€โ”€ index.html                # Game layout and start button
โ”œโ”€โ”€ style.css                  # Basic styles for the page and canvas
โ”œโ”€โ”€ script-falling-Objects.js  # Game logic: player movement, objects, collision, scoring

๐Ÿ› ๏ธ How to Run

  1. Clone or download the repository.
  2. Open index.html directly in your browser.
git clone https://github.com/your-username/catch-falling-objects.git
cd catch-falling-objects
# Open index.html

โœ… No server needed โ€” just a browser!

๐ŸŽฎ How to Play

  • Click Start the Game to begin.
  • Move your player left and right using:
    • Arrow Left / A key
    • Arrow Right / D key
  • Catch falling objects to earn points:
    • Normal objects: Small points
    • Power-ups: Bonus points
    • Obstacles: Negative points
  • Avoid missing 5 objects or it's Game Over!

๐Ÿ“ข Notes

  • Fully written in pure JavaScript โ€” no external libraries.
  • Dynamic object types: Normal, Power-up, and Obstacle.
  • Includes a countdown timer and end screen.
  • Highly customizable: you can easily add new object types, effects, or player upgrades.

๐Ÿ“ License

This project is for learning and practice purposes.
Feel free to fork, improve, and build on top of it!


Created with โค๏ธ to sharpen frontend skills and game development basics.

About

A simple JavaScript and HTML5 Canvas game where you control a player to catch falling objects, earn points, and avoid obstacles.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published