Needlessly 3D Chrome Dinosaur Game (JavaScript/Three.js)
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