Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nidhiupman568/chrome-dinosaur-game
๐Welcome to my Chrome Dinosaur game clone! ๐ This project recreates the iconic offline browser game using ๐ HTML, ๐จ CSS, and ๐ป JavaScript with HTML5 Canvas. ๐
https://github.com/nidhiupman568/chrome-dinosaur-game
chrome-dinosaur-game css front-end-development html interactive-web-design javascript web-animation web-development
Last synced: about 2 months ago
JSON representation
๐Welcome to my Chrome Dinosaur game clone! ๐ This project recreates the iconic offline browser game using ๐ HTML, ๐จ CSS, and ๐ป JavaScript with HTML5 Canvas. ๐
- Host: GitHub
- URL: https://github.com/nidhiupman568/chrome-dinosaur-game
- Owner: nidhiupman568
- Created: 2024-06-07T11:06:36.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-09-06T20:21:39.000Z (4 months ago)
- Last Synced: 2024-09-07T22:08:17.921Z (4 months ago)
- Topics: chrome-dinosaur-game, css, front-end-development, html, interactive-web-design, javascript, web-animation, web-development
- Language: JavaScript
- Homepage: https://chrome-dinosaur-game-nidhiupman.vercel.app/
- Size: 63.5 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Chrome Dinosaur Game ๐ฆ๐ฎ
๐Welcome to my Chrome Dinosaur game clone! ๐ This project recreates the iconic offline browser game using ๐ HTML, ๐จ CSS, and ๐ป JavaScript with HTML5 Canvas. ๐
Project Demo: https://nidhiupman568.github.io/CHROME-DINOSAUR-GAME/
## Features ๐
- **Game Loop ๐**: Smooth and continuous game updates. ๐น๏ธ
- **Canvas Graphics ๐ผ๏ธ**: Dynamic images rendered on the HTML5 canvas. ๐จ
- **Simple Controls ๐ฏ**: Click to make the dinosaur jump. ๐ฆ
- **Random Obstacles ๐ต**: Cacti are randomly generated and move across the screen. ๐ต
- **Collision Detection ๐ฅ**: Accurate detection between the dinosaur and cacti. ๐
- **Score Tracking ๐**: Real-time running score display. ๐## How to Play ๐ฎ
1. **Start the Game ๐**: Open `index.html` in your browser. ๐
2. **Jump ๐ฆ**: Click or tap to make the dinosaur jump. โฌ๏ธ
3. **Avoid Cacti ๐ต**: Navigate without hitting the cacti. ๐ก๏ธ
4. **Score Points ๐ **: Earn points for each cactus avoided. ๐## Getting Started ๐
1. Clone the repository: 'https://github.com/nidhiupman568/CHROME-DINOSAUR-GAME.git' ๐
2. Open the `index.html` file in your browser. ๐## Technologies Used ๐ป
- **HTML5 ๐**
- **CSS3 ๐จ**
- **JavaScript ๐ป**#### Screenshots (Output) ๐ธ
![DINOSAUR GAME](https://github.com/nidhiupman568/CHROME-DINOSAUR-GAME/assets/130860182/4cff154f-76f9-42bf-8a92-e207906075de)