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!
- JavaScript
- HTML5 Canvas
- Game Development
- Arcade Game
- Falling Objects
- Collision Detection
- Frontend Practice
/
โโโ 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
- Clone or download the repository.
- Open
index.htmldirectly 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!
- 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!
- 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.
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.