Building a Simple 3D Scene with Physics in JavaScript & Three.js

Опубликовано: 23 Февраль 2022
на канале: SimonDev
39,977
1.2k

Quick and easy setup of a JavaScript 3d Physics Engine in three.js and ammo.js.

Support me on:
Patreon:   / simondevyt  

Follow me on:
Twitter:   / iced_coffee_dev  
Instagram:   / 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.


Смотрите видео Building a Simple 3D Scene with Physics in JavaScript & Three.js онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь SimonDev 23 Февраль 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 39,977 раз и оно понравилось 1.2 тысяч людям.