javascript-mini-projects icon indicating copy to clipboard operation
javascript-mini-projects copied to clipboard

Gravity Game

Open EshaTuscano opened this issue 2 months ago • 0 comments

✅ Developer Checklist

  • [ ] I have followed all the guidelines mentioned in the README file.
  • [ ] I have maintained the required directory structure. (Format: ProjectName/{USERNAME}/...yourfiles)
  • [ ] This Pull Request contains only one project.
  • [ ] I have starred ⭐ the repository (optional).

📝 Summary

Gravity Game is an interactive web-based arcade game where the player controls a square character affected by gravity. The main mechanic allows the player to flip gravity with a key press or click, making the character move between the floor and ceiling. The objective is to avoid obstacles that continuously spawn while collecting points over time.

Features:

  • Gravity Flip Mechanic: Press the spacebar or click to flip the player between floor and ceiling.
  • Dynamic Obstacles: Obstacles spawn randomly from the right side of the screen, increasing difficulty as the game progresses.
  • Score Tracking: Real-time score updates and display.
  • Responsive Design: Works on desktop and touch devices.
  • Restart Functionality: Easily restart the game after a collision.
  • Simple Controls: Intuitive gameplay suitable for all ages.

Technologies Used:

  1. HTML5 Canvas for rendering the game.
  2. CSS3 for styling and visual effects.
  3. JavaScript for game logic, collision detection, and animation.

Gameplay Objective: Avoid incoming obstacles as long as possible while accumulating the highest score. Timing and strategic gravity flips are key to surviving longer.

📸 Screenshots / GIFs

Attach relevant screenshots or GIFs showcasing your project functionality/UI.


🔗 Live Project Link

Add a link to the deployed/hosted version of your project (if available).

EshaTuscano avatar Oct 15 '25 19:10 EshaTuscano