From Blender to the Web - the Journey of a 3D Model
summary
Takes a Blender model, exports glTF with apply modifiers and Draco compression, shrinks from 1.2 MB → 406 KB, then converts to JSX and wires it into react‑three‑fiber with @react‑three/drei Stage. Adds lights, useFrame animation and a mouse‑driven look‑at, and shows wobble/rotation using Math.sin. Live demo has dependency hiccups but ultimately renders in a few dozen lines—~56 lines of code—and the animated model works in the browser.
AI-written summary · about
chapters (9)
- 0:00Start
- 1:51Who Am I
- 4:12Blender 2 7 Ui
- 5:46Cycles
- 7:43Blender to the Web
- 15:16Ambient Light
- 15:45Stage
- 17:31Use Frame
- 24:00Free Render Farm from Blender
related talks
29mFrom Blender to the Web - the Journey of a 3D Model
37mCreating 3D Experiences with React
27m3D graphics in React & React Native using React-three-fiber
14mEffortless 3D with react-three-fiber
33mIntroduction to 3D on the Web - Creative Coding with React and Three.js
41mGetting started with three js and WebGL
17mBuilding Immersive Experiences on the Web
31mIntroduction to ReactVR