How to code Google Chrome Dinosaur Game in JavaScript HTML CSS

Channel:
United States Kenny Yip Coding
Subscribers:
50,600
Published on ● Video Link: https://www.youtube.com/watch?v=lgck-txzp9o


Category:
Tutorial
Duration: 36:20
6,526 views
157

In this tutorial, you will learn to build the famous google chrome dinosaur game with html, css, and javascript. Specifically, you will learn how to code the game using html5 canvas.

Throughout the tutorial, you will learn how to create the game loop, add images onto the canvas, add click handlers to allow the dinosaur to jump, randomly generate cactuses or cacti and move them across the screen, detect collisions between the dinosaur and each cactus, and add a running score.

Code: https://github.com/ImKennyYip/chrome-dinosaur-game
Demo: https://imkennyyip.github.io/chrome-dinosaur-game/

Website: https://www.kennyyipcoding.com/

Java Game Programming Projects Playlist:
https://www.youtube.com/playlist?list=PLnKe36F30Y4Y1XQOqNsL9Fgg_p6nYhcng

JavaScript Game Programming Projects Playlist:
https://www.youtube.com/playlist?list=PLnKe36F30Y4bLhA-st9sC4ZthyV7nsL2Q

Subscribe for more coding tutorials 😄!



Other Videos By Kenny Yip Coding


2023-07-19Code Snake Game in Java
2023-07-16Code Tic Tac Toe in Java
2023-06-08Memory Card Game in Javascript
2023-05-29How to set up Java in Visual Studio Code
2023-05-21Code Doodle Jump in Javascript
2023-05-04Code Breakout game in Javascript HTML CSS
2023-05-01Code Pong in Javascript
2023-02-26Whack a Mole Game in Javascript HTML CSS
2023-02-19Create Flappy Bird clone in Javascript HTML CSS
2023-01-11Code Space Invaders in Javascript HTML CSS
2023-01-07How to code Google Chrome Dinosaur Game in JavaScript HTML CSS
2022-12-27How to add a Custom Domain on Github Pages
2022-06-19How to Remove the File Extension From the URL on Github Pages
2022-06-19How to Host a Website On Github Pages
2022-04-12Slide Puzzle Game in JavaScript HTML CSS
2022-03-27How to code snake game in JavaScript
2022-03-20Code Blackjack with JavaScript HTML CSS
2022-03-13Build Minesweeper with Javascript HTML CSS
2022-03-12Puzzle Game in Javascript HTML CSS
2022-03-05Build Candy Crush using JavaScript HTML and CSS
2022-02-21Rock Paper Scissors In JavaScript HTML CSS


Tags:
how to code google dinosaur game javascript
code google dinosaur game javascript
how to code trex runner javascript
code trex runner javascript
build chrome dinosaur game javascript
how to build chrome dinosaur game javascript
build chrome dino game
build chrome dino game javascript
how to build chrome dino game javascript
chrome dino game javascript
chrome dinosaur game javascript
trex runner javascript
how to build trex runner javascript
build trex runner javascript