Typescript implementation of the Chromium dinosaur game, made using the HTML5 Canvas API.
Live demo here
It is a simple implementation of the Chromium dinosaur game, with some minor changes.
Jump over the obstacles and try to get the highest score possible!
Key |
Icon |
Description |
Arrow up |
![](.github/images/Arrow_Up_Key_Dark.png) |
Jump |
Arrow down |
![](.github/images/Arrow_Up_Key_Dark.png) |
Duck/Crouch |
A |
![](.github/images/A_Key_Dark.png) |
Toggle AI |
Key |
Icon |
Description |
Left click |
![](.github/images/Mouse_Left_Key_Dark.png) |
Jump |
Right click |
![](.github/images/Mouse_Right_Key_Dark.png) |
Duck/Crouch |
Middle click |
![](.github/images/Mouse_Middle_Key_Dark.png) |
Toggle AI |
Key |
Icon |
Description |
Tap |
![](.github/images/Gesture_Tap.png) |
Jump |
The game supports any GamePad, being it wireless or wired, Xbox, PS or generic!
Button |
Icon |
Description |
A or D-Pad Up |
or ![](.github/images/GamePad_Up.png) |
Jump |
B or D-Pad Up |
or ![](.github/images/GamePad_Down.png) |
Duck/Crouch |
Start |
![](.github/images/GamePad_Start.png) |
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 |