Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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. ๐ŸŒŸ

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)