A polished HTML5 Canvas endless runner game inspired by the classic Dino Runner, built using Vanilla JavaScript, CSS, and Canvas API.
This project focuses on clean architecture, smooth gameplay, progressive difficulty, and professional UI/UX features suitable for a frontend portfolio.
๐ https://krishnaa991.github.io/dino-runner-pro/
- ๐ฎ Smooth endless runner gameplay
- ๐ Day / Night cycle based on score
- ๐ Light & Dark theme toggle
- ๐ฆ Ground & flying obstacles
- โ๏ธ Animated clouds & background
- ๐ Progressive difficulty scaling
- โจ๏ธ Keyboard + Mouse controls
- ๐ง Optimized rendering using
requestAnimationFrame
| Action | Control |
|---|---|
| Jump | SPACE key |
| Jump | Mouse Click |
| Start Game | Start button / SPACE |
- HTML5 โ Canvas & layout
- CSS3 โ UI styling & themes
- JavaScript (ES6) โ Game logic
- Canvas API โ Rendering engine
No external libraries used.
dino-runner-pro/ โโโ index.html โโโ style.css โโโ game.js โโโ README.md
- Clone the repository
git clone https://github.com/krishnaa991/dino-runner-pro.git