In this course, we create a 3D game with physics. We will use Three.js to generate the 3D graphics and Cannon.js to simulate physics in this game. If you haven’t used these libraries before don’t worry. This is an introductory course both for Three.js and Cannon.js. We will go through everything in detail. We go through, how to set up the scene, how to add lights, how to set up the camera, how to add animation and event handlers, and finally, we will add physics
The only thing you need to be familiar with is JavaScript, but we won’t do anything crazy with that either. So if you have a basic understanding of JavaScript, and you want to learn Three.js then this is a good start.
In this class, we are going through how to create a game with Three.js and Cannon.js. There are multiple ways you can do your own version of the game. You can take the concepts of this video and build your own version, or you can copy what I came up with and change the game to your liking. You can just go to my version, click the Fork button at the bottom right corner and you can change its code. There are many comments in my version, so if anything was unclear in the course, you can find your answers there.
Make it your own. Make sure your game has a unique look and game logic.
Some challenges you can take:
- Be more generous. It's impossibly hard to reach a high score in this game so why not help the player a bit? If the placement of the box is close enough, then do not cut it, or maybe even make it a little bigger.
- Add a cool background and change the color scheme to your liking.
