In this exciting tutorial we are going to build a clone of the chrome dinosaur game with Javascript and a HTML Canvas. This version of the game can be played on a touch screen or with a keyboard. The game will scale to fit on any size screen.
Try the game out here
https://codingwith-adam.github.io/din...
On a mobile device play in landscape orientation for the best experience.
Github Repo
https://github.com/CodingWith-Adam/di...
Direct link to download project and images
https://github.com/CodingWith-Adam/di...
The goal of the game is for the dinosaur to avoid the obstacles by jumping over them. As the dinosaur runs along the desert it will encounter cactuses. If you don't jump over them it's game over. Our dino can perform a low or high jump. A low jump is achieved with a quick tap of the screen or quick press of the space bar. A high jump requires taping the screen longer or pressing the space bar longer.
Try the game out here
https://codingwith-adam.github.io/din....
Chapters
00:00 Introduction
11:10 Game loop
14:47 Display Dino
22:42 Ground
30:54 Animate DIno to Run
35:11 Dino Jump
46:34 Cactus
59:54 Game Over Collision
1:04:01 Display Game Over Text
1:05:22 Restart game after Game Over?
1:09:32 Tap or press space to start game
1:11:56 Game Speed
1:13:21 Score and High Score
#javascript #gamedev
En esta página del sitio puede ver el video en línea Coding Chrome Dino Game in JavaScript with a HTML Canvas - Complete Tutorial - Game Development de Duración hora minuto segunda en buena calidad , que subió el usuario Coding With Adam 10 enero 2023, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 20,288 veces y le gustó 322 a los espectadores. Disfruta viendo!