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

Support me on:

Follow me on:

What we'll cover:
* Creating rigid bodies and simple shapes such as boxes and spheres
* Using MotionState to synchronize transforms between the physics world and 3d scene.

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.

[SuboptimalEng]

I just started a project with Three.js physics today - this could not have popped up on my recommendations at a better time. Thanks Simon!

[YippeePlopFork]

Newcomer to Three.js here. Very cool to see you building the solar system this way! Thank you for sharing this

[NorwegianAids]

We need a interactive adventure game where you are the narrative voice.. guiding us to victory!!

[manuelgamez]

I've used ammojs in a project a while ago, not remember precisely what made it really hard to setup (guess the integration with webassembly), but now I use cannon.js and let me tell you it works like a charm and it's really easy to setup and work with. Anyways, thanks for all these great videos!

[creativeprismstudio]

"Code will always make things clear." XD

[SaajidAkram]

You're content is exceptionally entertaining and educating ... Thanks Simon. I am looking forward for your next video.

[panmateusz]

That would be super cool if you could do a video explaining web assembly.

[kanpekiken]

Just when I thought he was gone for good, he comes back with something I was looking for!!!!

[tomm.]

MY BOY BE POSTIN AGAIN

Missed your content man, great to see you uploading more stuff

[shujaa]

This tutorials are golden😍 I wonder how great it would be to see a legend like you recreating some simple games made in other game engines with three.js like subway surfers or creating a course I would buy one without a second thought.

[koki]

this video helped me add Bullet Physics to my C++ Game Engine project
Thank you for this video

[napapt]

I love your tutorials, it has such good content quality, it's unbelievable it's for free... I thank you for the entire community of developers that like me are being inspired by you! please never stop this I'll to spread the word about this channel!

[MYMPSWORLD]

Another great video after a long time. I missed these 👍

[dominicforster]

when tmpTransform_ appeared in the step_ function I could no longer follow, but I like to see you do physics now. Maybe there will be a RigidBody Component someday :)

[kanpekiken]

Hi Simon, picked a random video but my game is finally coming along using all the skills I’ve learned from your videos. Was wondering if you’d be interested in seeing it :)

[amisnerk]

You put an underscore at the _end_ of your private member names!? ARE YOU OUT OF YOUR MIND!!? lol

You mad lad, you. I approve. 👍

[MarvinDrude]

Can you make a small tutorial where u create a networked version of this with client side prediction and stuff?

[kephas-media]

He's back gents lolololol, let's go!!!!

[pavelschannel-alittleoutof]

At last, clean code. Most of the links I have found just throw the code together in a most messy and disorganised manner and I hope for the sake of humanity that these people are never accepted as true developers or programmers. Thank you.

[ColinRichardson]

I am planning on doing rocks and sand... would this library be a good place to start? the rocks it seems like it would be good, but sand? soil? mud?