https://github.com/nidhiupman568/doodle-jump-game
🎉Welcome to my Doodle Jump game clone! 🎉 This project recreates the popular mobile game using 🌐 HTML, 🎨 CSS, and 💻 JavaScript with HTML5 Canvas. 🌟
https://github.com/nidhiupman568/doodle-jump-game
css doodle-jump-game front-end-development html interactive-web-design javascript web-animation web-development
Last synced: 4 months ago
JSON representation
🎉Welcome to my Doodle Jump game clone! 🎉 This project recreates the popular mobile game using 🌐 HTML, 🎨 CSS, and 💻 JavaScript with HTML5 Canvas. 🌟
- Host: GitHub
- URL: https://github.com/nidhiupman568/doodle-jump-game
- Owner: nidhiupman568
- Created: 2024-06-06T22:18:41.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-09-06T20:20:41.000Z (8 months ago)
- Last Synced: 2024-11-11T16:27:05.040Z (6 months ago)
- Topics: css, doodle-jump-game, front-end-development, html, interactive-web-design, javascript, web-animation, web-development
- Language: JavaScript
- Homepage: https://doodle-jump-game-nidhiupman.vercel.app/
- Size: 360 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Doodle Jump Game 🐰🎮
🎉Welcome to my Doodle Jump game clone! 🎉 This project recreates the popular mobile game using 🌐 HTML, 🎨 CSS, and 💻 JavaScript with HTML5 Canvas. 🌟
Project Demo: https://nidhiupman568.github.io/DOODLE-JUMP-GAME/
## Features 🌟
- **Game Loop 🔄**: Smooth and continuous game updates. 🕹️
- **Canvas Graphics 🖼️**: Dynamic images rendered on the HTML5 canvas. 🎨
- **Interactive Controls 🎯**: Click to move the doodler left or right. 🖱️
- **Game Physics ⚙️**: Realistic physics applied to doodler movements. 🧲
- **Random Platforms 🎲**: Platforms are randomly generated and move down the screen. 📉
- **Collision Detection 💥**: Accurate detection between the doodler and platforms. 🔍
- **Score Tracking 🏆**: Real-time running score display. 📈
- **Game Reset 🔄**: Easily reset the game after a game over. 🔁
## How to Play 🎮
1. **Start the Game 🚀**: Open `index.html` in your browser. 🌐
2. **Move 🕹️**: Click or tap to move the doodler left or right. ⬅️➡️
3. **Jump 🐰**: Keep jumping on platforms to avoid falling. ⬆️
4. **Score Points 🏅**: Earn points by jumping on platforms and reaching higher levels. 📈
## Getting Started 🚀
1. Clone the repository: 'https://github.com/nidhiupman568/DOODLE-JUMP-GAME.git' 🌀
2. Open the `index.html` file in your browser. 🌐
## Technologies Used 💻
- **HTML5 🌐**
- **CSS3 🎨**
- **JavaScript 💻**
#### Screenshots (Output) 📸
