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
related reading
- GitHub - pmndrs/react-three-fiber: 🇨🇭 A React renderer for Three.js · GitHubgithub.com
- Motion (prev Framer Motion): JavaScript & React animation librarymotion.dev
- The Blog of Maxime Heckelblog.maximeheckel.com
- Rachel Weirachelqrwei.ca
- Codrops Fan Museumtympanus.net
- Bruno Simonbruno-simon.com
- Grainradgrainrad.com
- Shadersshaders.com
- Unicorn Studio — No-code WebGL Toolunicorn.studio
- Codrops | Fueling web creativity since 2009tympanus.net
- Creative Hub | Codropstympanus.net
- You Might Not Need an Effect – Reactreact.dev