filmov
tv
Coding Chrome Dino Game in JavaScript with a HTML Canvas - Complete Tutorial - Game Development

Показать описание
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
On a mobile device play in landscape orientation for the best experience.
Github Repo
Direct link to download project and images
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
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
Try the game out here
On a mobile device play in landscape orientation for the best experience.
Github Repo
Direct link to download project and images
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
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
Комментарии