We use a library called react-three-fiber which is a renderer for three.js, a WebGL library. We take a model from Blender, a 3D modeling program, export it, and pull it into our WebGL scene.
Watch all of the videos in this series
• Browser Graphics And 3D
See the stream live at / jacobbolda
blender: https://www.blender.org/
react-three-fiber: https://docs.pmnd.rs/react-three-fiber/
drei: https://drei.pmnd.rs/
effection: https://github.com/thefrontside/effec...
parcel: https://parceljs.org/
Chapters
00:00:00 Blender and R3F
00:02:04 Blender Cube
00:03:19 React-Three-Fiber Scene (Borked!)
00:13:16 Column Time
00:29:27 Copy, Mirror and Extrude
00:34:32 Exporting GLTF From Blender
00:43:25 gltfjsx
00:46:54 Adding A GLTF To WebGL Scene
00:59:31 Column Physics
01:23:39 Question About Learning Game Programming
01:31:41 Positioning Physics Objects
01:38:16 Recap
01:39:35 Quick Demo!
01:43:19 What's Next?
#live