javascript-mini-projects
javascript-mini-projects copied to clipboard
Gravity Game
✅ 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:
- HTML5 Canvas for rendering the game.
- CSS3 for styling and visual effects.
- 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).