We use a library called react-three-fiber which is a renderer for three.js, a WebGL library. We take some models 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/
parcel: https://parceljs.org/
Moments
00:10:58 Ryan Tries Commands
01:17:18 On Poor Code And Growth
01:37:23 All The Redeems
01:47:22 Big Drop
01:50:19 Buncha Drops
01:52:44 Git Processes
02:24:57 Final Drop
Chapters
00:00:00 Those Text Commands Though
00:03:19 First Model
00:38:41 Re-exporting Blender Model
01:11:39 The Rest Of The Owl, er, Models
01:35:38 Update The Site And Add Rewards
01:55:14 Multiple Mesh Cup Issues
02:27:26 Thoughts On Stream Overlay
#live