Three.js + Cannon.js Tutorial (part 1/2) | Intro to Physics with JavaScript
Suboptimal Engineer Suboptimal Engineer
22.9K subscribers
14,548 views
0

 Published On Jun 11, 2022

In this coding tutorial, we go over Three.js physics. We start off by understanding the difference between a game engine (like Unity or Unreal) and Three JS. Then we go over how the physics world is separate from the game world. After that, we analyze different JavaScript physics libraries. Finally, we set up Cannon.js physics with a debugger and learn how to connect it to the Three.js game world.

šŸ“– Code - https://github.com/SuboptimalEng/thre...
šŸ¦ Twitter - Ā Ā /Ā suboptimalengĀ Ā 
šŸ’» GitHub - https://github.com/SuboptimalEng
šŸŒŽ Website - https://suboptimaleng.com

== [ Resources ] ==
Three.js - https://threejs.org
Cannon.js - https://pmndrs.github.io/cannon-es
Three.js Tutorials - https://sbcode.net/threejs
Discover Three.js - https://discoverthreejs.com

== [ Timestamps ] ==
00:00 Intro Three.js Physics
00:33 Unity Game Engine vs Three.js
01:12 How Three.js Physics Works
01:58 Ammo.js vs Rapier 3D vs Cannon.js
03:00 Three.js + Cannon.js Setup Guide
04:45 Cannon.js Debugger Setup Guide
05:37 Sync Physics with Game World
06:24 Three.js Physics World Demo

== [ Tags ] ==
#suboptimal #metaverse #threejs

show more

Share/Embed