Theatre.js, Movie Magic On Top Three.js And React-Three-Fiber
We use a Theatre.js, which is an animation and scene design toolset on top of three.js. It also has a React-Three-Fiber plugin. We explore the new release and feature set, and use the editor to help dial in our scene's camera configuration.
Watch all of the videos in this series
• Browser Graphics And 3D
See the stream live at / jacobbolda
theatre.js: https://www.theatrejs.com/
react-three-fiber: https://docs.pmnd.rs/react-three-fiber/
Moments
00:07:37 Chair Drop
02:41:30 Previous Drop Camera
Chapters
00:00:00 Introducing...
00:01:38 Theatre.js
00:04:53 Point Redemption Detour
00:09:10 Theatre.js v0.5
01:41:06 Dial In The Camera
02:33:11 Swap To Localhost Overlay
02:35:29 How This Helped Our Camera
02:36:23 That Field Of View
02:39:49 Camera Controls
#live