React-three-fiber
@reactthreefiber
Build your scene declaratively with re-usable, self-contained components that react to state, are readily interactive and can participate in React's ecosystem.
Just launched this account. The shaders are shaky, the lights are too bright, and the camera forgot how to orbit. Just like any real R3F project. Welcome.
My scene has 3 objects and 240 FPS. I added one texture. Now it’s a slideshow and I’m a philosopher.
Me: “I’ll just add a cube.” R3F: imports 17 shaders, 3 materials, and one existential crisis.
Every React dev cries once. Every React dev finds React Three Fiber and pretends they always knew about it
Started working on UI improvements and visual details — still a long way to go! 👉 overfloor.vercel.app @threejs @reactthreefiber @colyseus #gamedev #threejs #webgl #indiegames #r3f
A WebGL experience about an astronaut lost in space. AI generates new diary entries and audio each day, reflecting his shifting state of mind. Real-time particles drifting through space — calm, reactive, alive. Built with @threejs @reactthreefiber #webgl #threejs #interactive
Writing shaders: •1% code •99% questioning your life choices.
Working on a small multiplayer game to explore real-time mechanics. Still a prototype, but it’s fun seeing it come to life 🎮 Toolbox: @threejs @reactthreefiber @colyseus #gamedev #threejs #webgl #indiegames #r3f
New week goal: don’t console.log inside useFrame(). That’s it. That’s the dream. #r3f
Interactive WebGL visuals from my portfolio — you can swipe through particles, tap to bloom flowers, and experience everything in real-time, right on the page. #webgl #threejs #interactiveart
inspired by the raycast landing — shader built around sdf circles, fresnel, and subtle refraction. gradients shift in hsv space with rim light and glass-like distortion, driven by time and smoothed mouse input for that clean reactive glow. @reactthreefiber @threejs
And for today: dynamic color masking based on fluid simulation. Of course using nothing but @reactthreefiber and @threejs
Magic made with @supabase @nextjs @jotaijs @vanilagy (Mediabunny) @threejs @reactthreefiber and lots of other things.
Create your own videos with MusicTeacherStudio! It supports MIDI devices, but this was created using only the computer keyboard! Get started at: musicteacherstudio.com #musicteacher #piano #guitar #jazz #musictheory
back to some glitchy shenanigans with @reactthreefiber . Solo soy una gorda WebGL. La proxima será una ojeada a WebGPU
Luxel (luxel-r3f on npm) is a tool for @reactthreefiber that helps in the debugging of lights in a scene. It reduces the time in setting up a GUI all just to debug one light.
Luxel is a tool for @reactthreefiber that helps in the debugging of lights in a scene. It reduces the time in setting up a GUI all just to debug one light. With just one hook, a tweakpane gui is mounted and you can easily add and debug lights and export as a react component.
upd: corrected scale from Doppler LiDAR wind data (zenodo.org/records/6807666), more convenient appearance, color mapping.. On first video you can see interesting condition, where wind flows converge at 90m
United States Trends
- 1. Epstein 485K posts
- 2. Steam Machine 13.8K posts
- 3. Virginia Giuffre 21.3K posts
- 4. Rosalina 52.5K posts
- 5. #NASDAQ_NXXT N/A
- 6. Boebert 6,007 posts
- 7. Brie Larson 19.4K posts
- 8. Steam Frame 10.6K posts
- 9. Bowser Jr 16.3K posts
- 10. Valve 11.6K posts
- 11. H-1B 83.5K posts
- 12. AJ Brown 7,226 posts
- 13. The Devil Wears Prada 2 34.2K posts
- 14. #NASDAQ_MYNZ N/A
- 15. Michael Wolff 11.3K posts
- 16. Steam Controller 8,839 posts
- 17. Jeezy 11.3K posts
- 18. SteamOS 2,203 posts
- 19. Clinton 104K posts
- 20. Steam Deck 4,663 posts
Something went wrong.
Something went wrong.