Skip to content

A professional HTML5 Canvas endless runner game with day/night cycles, theme toggle, and progressive difficulty.

Notifications You must be signed in to change notification settings

krishnaa991/dino-runner-pro

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

4 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿฆ– Dino Runner Pro

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.


๐Ÿš€ Live Demo

๐Ÿ‘‰ https://krishnaa991.github.io/dino-runner-pro/


โœจ Features

  • ๐ŸŽฎ 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

๐Ÿ•น๏ธ Controls

Action Control
Jump SPACE key
Jump Mouse Click
Start Game Start button / SPACE

๐Ÿ› ๏ธ Tech Stack

  • HTML5 โ€“ Canvas & layout
  • CSS3 โ€“ UI styling & themes
  • JavaScript (ES6) โ€“ Game logic
  • Canvas API โ€“ Rendering engine

No external libraries used.


๐Ÿ“‚ Project Structure

dino-runner-pro/ โ”œโ”€โ”€ index.html โ”œโ”€โ”€ style.css โ”œโ”€โ”€ game.js โ””โ”€โ”€ README.md


๐Ÿ“Œ How to Run Locally

  1. Clone the repository
git clone https://github.com/krishnaa991/dino-runner-pro.git

About

A professional HTML5 Canvas endless runner game with day/night cycles, theme toggle, and progressive difficulty.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published