Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
How to code Google Chrome Dinosaur Game in JavaScript HTML CSS
Play lesson

JavaScript Game Programming Tutorials - How to code Google Chrome Dinosaur Game in JavaScript HTML CSS

5.0 (1)
9 learners

What you'll learn

This course includes

  • 16.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

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 😄! ⭐ If you enjoyed the tutorial and would like to support the channel, you can do so here 💖: https://buymeacoffee.com/kennyyipcoding

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere