Building a Simple 3D Scene with Physics in JavaScript & Three.js
Quick and easy setup of a JavaScript 3d Physics Engine in three.js and ammo.js.
Support me on:
Patreon: https://www.patreon.com/simondevyt
Follow me on:
Twitter: https://twitter.com/iced_coffee_dev
Instagram: https://www.instagram.com/beer_and_code/
Github: https://github.com/simondevyoutube/
In this project I'll show you how to use ammo.js and three.js to setup a simple 3d scene with phyics in just a few minutes. We'll step through the basics of how to instantiate your physics world, and what the various options are, which can server to add a whole new dimension of possibilities to your 3D scenes.
What we'll cover:
* Three.js and Ammo.js initialization, how to instantiate your 3d physics world
* Creating rigid bodies and simple shapes such as boxes and spheres
* Using MotionState to synchronize transforms between the physics world and 3d scene.
There's a lot of options for JavaScript 3d engines, like Ammo.js, oimo.js. cannon.js, etc. They're all extremely capable physics engines, but we'll be focusing on one in particular, ammo.js which is a wrapper around the Bullet physics engine.
Full source code for the project is available, so if you're interested in fiddling with the code, screwing around with it, or improving it.