GridVids
Sign in with YouTube

Needlessly 3D Chrome Dinosaur Game (JavaScript/Three.js)

SimonDev Jan 4, 2021 12:00
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Don't Miss
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Mark watched
Create an account to hide videos, mark them watched, or save them to Don't Miss.
Hide
Open in popup Open on YouTube
Share video

Share video

Copy the GridVids link or iframe code.

Video link
Iframe code
Iframe content

Follow me on: Twitter: https://twitter.com/iced_coffee_dev Github: https://github.com/simondevyoutube/ In this project I tried making the Google Chrome Dinosaur Game in 3D and JavaScript/Three.js. I took a bit of code from previous tutorials, like the model loading code, the rest like gameplay is all from scratch. We build the game pretty much from scratch, starting with a basic empty scene, building out the endless runner gameplay to match the original Chrome Dinosaur Game. Add scores, some background assets, scenery, load a few GLTF assets, and polish it a bit using some examples from the three.js examples site. This isn't perfect, but hopefully will give you a basic understanding of putting together a small game using three.js. What I'll cover: * Getting basic t-rex run gameplay up and running. * Loading GLTF and FBX model assets * Detecting collisions using Box3 * Using HTML as UI Like always, full source is available, just check the github repo. Go ahead and do whatever you want with it. Various clips/assets from: Quaternius has a lot of free 3d model assets on their site, check them out! http://quaternius.com/ Fonts from Google https://fonts.google.com/
Science & Technology
#simondev #game development #programming tutorial #three js #three js tutorial #three js game #chrome dinosaur game #google chrome dinosaur game #t rex run #chrome dinosaur game 3d #three.js #three.js tutorial #three.js game