A fun web-based endless runner game where players control a panda, avoid obstacles, and try to achieve the highest possible score.
Panda Runner Game is a simple browser-based endless runner developed using HTML, CSS, and JavaScript. The player controls a panda that continuously moves through the game environment and must jump over obstacles to survive.
The project focuses on applying fundamental game development concepts such as animations, collision detection, score tracking, event handling, and interactive user controls using front-end web technologies.
- 🐼 Interactive panda character
- 🏃 Endless runner gameplay
- ⬆️ Jump controls using the keyboard
- 🪵 Obstacle avoidance
- 💥 Collision detection
- 📊 Score tracking system
- 🎯 Game Over functionality
- 🔄 Restart game support
- 🎨 Simple and responsive user interface
- 🔊 Game-related media and sound assets
- Start the game in your web browser.
- Control the panda using the keyboard.
- Jump over incoming obstacles.
- Avoid collisions to keep the game running.
- Try to survive as long as possible and achieve a higher score.
| Key | Action |
|---|---|
| Spacebar | Jump |
| Up Arrow | Jump |
🎯 Goal: Avoid obstacles and survive for as long as possible.
| Technology | Purpose |
|---|---|
| HTML | Game structure |
| CSS | Styling and animations |
| JavaScript | Game logic and interactivity |
This project helped in practicing important front-end and game development concepts:
- DOM Manipulation
- Event Handling
- JavaScript Game Logic
- CSS Animations
- Collision Detection
- Score Management
- Interactive User Controls
- Basic Game State Management
Panda-Runner-Game/
│
├── modi.html # Main game page
├── style.css # Game styling and animations
├── script.js # Game logic
│
└── assets/
├── background.png
├── gameover.mp3
├── gaintpanda.png
├── log.png
├── Gaintpanda-theme.mp3
└── gift.mp4
- Clone the repository:
git clone https://github.com/DikshaGangolia/Panda-Runner-Game.git- Open the project folder.
- Launch
modi.htmlin any modern web browser. - Use the Spacebar or Up Arrow to control the panda.
Possible enhancements for the game include:
- 🎚️ Multiple difficulty levels
- ⚡ Power-ups and rewards
- 🏆 High-score saving system
- 📱 Mobile-friendly controls
- 🔊 Additional sound effects
- 🌍 Multiple game environments
- 🎨 Improved animations and visual effects
- Diksha Gangolia — Project Development
- Satyam Vohra — Collaborative README Improvement
Contributions, improvements, and creative ideas are welcome. Please keep changes focused, well-organized, and easy to review.
This project was created as a hands-on learning experience in front-end web development and basic browser game design. It demonstrates how HTML, CSS, and JavaScript can be combined to build an interactive and engaging web game.
⭐ If you enjoy the game, consider giving this repository a star!