✳flâneur — a map of the web's best reading

How to build stunning 3D scenes with React Three Fiber | Varun Vachhar

varun.ca · 1,593 words · saved by 1 readers

WebGL is the magic sauce behind Solar Storm , an audio-reactive music video that renders live in the browser. After fumbling around with…

← writing Solar Storm WebGL is the magic sauce behind Solar Storm , an audio-reactive music video that renders live in the browser. After fumbling around with Three.js for many years, WebGL finally clicked for me thanks to React Three Fiber . That’s because I could use the familiar concepts—components, props, hooks and state—and transfer my app development skills to 3D graphics. This article shows you how to create breathtaking 3D animations using React Three Fiber (R3F). We’ll walk through setting up a stage, creating geometry, adding lighting and enabling post-processing effects. What’s more

Explore this link on the map →

related reading