React-three-fiber & Counting Sheep
summary
A concrete build walkthrough showing how a looping sleep scene called Counting Sheep is assembled with Blender assets, react-three-fiber as the React renderer, and three.js driving WebGL geometry, materials and animation. The deliverable is a continuously looping scene with simple per-frame transforms and mentions of shaders, finished after two and a half months of work, with real bug hunts and iterative renders documented and a playable result that actually runs in the browser.
AI-written summary · about
chapters (3)
related talks
45mMaking Your Website Stand Out With React Three Fiber
14mEffortless 3D with react-three-fiber
10m3D Models on the Web with React Three Fiber
32mBringing webgl to react
27m3D graphics in React & React Native using React-three-fiber
37mCreating 3D Experiences with React
21mBreaking out of the confines: making games in React
36mBlasting React into Space: Building fluid interface swith React and WebGL