Typescript implementation of the Chromium dinosaur game, made using the HTML5 Canvas API.
It is a simple implementation of the Chromium dinosaur game, with some minor changes.
- Dark mode
- Light mode
- Score system
- High score system
- Game over screen
- Pause screen
- AI mode
- Sound effects
- Mobile support
- No pterodactyls due to no crouching
- Touch controls
- Responsive game speed
- Vibration API
- Keyboard and mouse controls
- GamePad support
- Rumble effect
- Menu with animations
- Physics simulation with substeps
- Using Velocity Verlet integration
- Pixel perfect collision detection
Jump over the obstacles and try to get the highest score possible!
| Key | Icon | Description |
|---|---|---|
| Arrow up |  |
Jump |
| Arrow down | |
Duck/Crouch |
| A |  |
Toggle AI |
| Key | Icon | Description |
|---|---|---|
| Left click |  |
Jump |
| Right click |  |
Duck/Crouch |
| Middle click |  |
Toggle AI |
| Key | Icon | Description |
|---|---|---|
| Tap |  |
Jump |
The game supports any GamePad, being it wireless or wired, Xbox, PS or generic!
| Button | Icon | Description |
|---|---|---|
| A or D-Pad Up |  or  |
Jump |
| B or D-Pad Up |  or  |
Duck/Crouch |
| Start |  |
Toggle AI |
| Name | Description |
|---|---|
| Eslint | For linting and semantic analysis |
| Prettier | For code formatting |
| Browser sync | For live reloading |
| Esbuild | For bundling |
| gulp | For task automation |
| SASS | For CSS preprocessing |
| oklch | For color manipulation |
| Github actions | For CI, building and deploying to github pages |
| Google fonts | For the Pixelify Sans font |
| Google Icons | For the Sport tennis icon used as favicon |
| Real favicon generator | For generating the favicon |
| Chrome dino game | For sounds, images and inspiration |
| Those Awesome Guys | For the input images for keyboard, tap, mouse and gamepad |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent