Three.js Project: Physics Variations
*Variations on Physics*
In this video, we’re building on an interactive physics project with *Three.js* and *Rapier Physics* — featuring floating bodies, mouse-controlled interactivity, and a gorgeous HDR environment!
We’ll cover:
🌌 Setting up a real-time 3D scene
🧲 Adding physics bodies with Rapier
🖱 Controlling objects with your mouse in 3D space
🎛 Using OrbitControls for smooth camera movement
💡 Loading HDR environments for realistic lighting
🎨 Optional debug view to visualize the physics simulation
Perfect for creative coders, artists, and anyone curious about mixing 3D graphics with real-time physics!
---
*📂 Code Highlights:*
100 floating physics bodies
Mouse-controlled "mouse ball"
Real-time environment reflections
---
*👉 Watch till the end to see how the project comes together — and get ideas for your own creative variations!*
🔗 Full project code available soon!
🎨 Created by *Robot Bobby* — helping you make cool stuff with code.
---
🚀 Code
https://github.com/bobbyroe/physics-w...
Starting template: https://github.com/bobbyroe/physics-w...
---
**Learn Three.js Basics Course: https://robotbobby.thinkific.com/cour...
**Exponent Interview Prep: https://www.tryexponent.com/?ref=bobby20 **
(20% off!)
🔔 LIKE**, **SUBSCRIBE**, and **SHARE for more creative coding tutorials! Let me know in the comments what you'd like to see next. 🎨
*#threejs #creativecoding #physics #webgl #javascript #robotbobby*