home.social

#r3f — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #r3f, aggregated by home.social.

fetched live
  1. 💌 The Web Game Dev Newsletter Issue 031 is out! Read it online here: webgamedev.com/newsletter/031, and subscribe to get the next ones delivered right to your inbox 🚀 #threejs #r3f #gamedev

  2. 💌 The Web Game Dev Newsletter Issue 030 is out! Read it online here: webgamedev.com/newsletter/030, and subscribe to get the next ones delivered right to your inbox 🚀 #threejs #r3f #gamedev

  3. 💌 The Web Game Dev Newsletter Issue 029 is out! Read it online here: webgamedev.com/newsletter/029, and subscribe to get the next ones delivered right to your inbox 🚀 #threejs #r3f #gamedev

  4. 💌 The Web Game Dev Newsletter Issue 028 is out! Read it online here: webgamedev.com/newsletter/028, and subscribe to get the next ones delivered right to your inbox 🚀 #threejs #r3f #gamedev

  5. 💌 The Web Game Dev Newsletter Issue 027 is out! Read it online here: webgamedev.com/newsletter/027, and subscribe to get the next ones delivered right to your inbox 🚀 #threejs #r3f #gamedev

  6. Needle supporting ShaderGraph to three.js is coming

    For Needle Engine, vanilla three AND react-three-fiber

    #needle #three #r3f #webgl #materialx

  7. There's a lot of noise around AI and code... but this article by Ian Curtis shows what it actually looks like to use it in practice.

    Discover the steps needed to build a physics-based character controller with AI, React Three Fiber, Three.js & Rapier, guided by real constraints and clear intent.

    Read it here: tympanus.net/codrops/?p=94836

    #ai #webdevelopment #threejs #frontend #r3f

  8. 💌 The Web Game Dev Newsletter Issue 026 is out! Read it online here: webgamedev.com/newsletter/026, and subscribe to get the next ones delivered right to your inbox! 🚀 #threejs #r3f #gamedev

  9. Today we have a brilliant new demo by Deadrabbbbit for you! 🌌

    It's a super cool scanning light effect built with WebGPU, depth maps, and custom shaders using Three.js and R3F.

    Check it out: tympanus.net/codrops/2025/03/3

    #webgl #webgpu #threejs #r3f #tsl #creativecoding #webdev

  10. In today’s tutorial, Matt Park explores the magic of light and refraction! ✨💎🪩

    Using Three.js, React Three Fiber, and Drei, he breaks down how light bends, refraction works, and how to create a super slick 3D glass torus.

    Read it here: tympanus.net/codrops/?p=89382

    #webgl #threejs #drei #r3f #3d #tutorial #webdevelopment

  11. 💌 The Web Game Dev Newsletter Issue 025 is out! Read it online here: webgamedev.com/newsletter/025, and subscribe to get the next ones delivered right to your inbox! 🚀 #threejs #r3f #gamedev

  12. 🌊 Today we have a very unique tutorial for you!

    Thalles Lopes walks us through creating stylized water effects with React Three Fiber for a beautiful game he made as a birthday gift to his wife. 🎮💖

    You'll learn so much, he's a true master at his art!

    Read it here: tympanus.net/codrops/2025/03/0

    #webgl #r3f #threejs #webdevelopment #coding #gamedevelopment #tutorial

  13. Generative art meets Three.js 🖼️

    Eduard Fossas shows how to recreate Lygia Clark's geometric minimalism using grid systems and generative techniques.

    A must-read for creative coders: tympanus.net/codrops/2025/01/1

    #generativeart #creativecoding #webdevelopment #generative #threejs #r3f #webgl #tutorial #howto

  14. Check out this fantastic shader-based image reveal effect using React Three Fiber, GLSL, and Framer Motion 🌀✨ by Colin Demouge!

    Follow along and learn how to create this eye-catching animation step-by-step: tympanus.net/codrops/?p=83030

    #r3f #threejs #webgl #framermotion #tutorial #creativecoding #webdevelopment #demo

  15. Today's amazing tutorial by Oguzhan Tufenk is all about dynamic terrain deformation with React Three Fiber.

    From realistic snow effects to endless walking zones, there’s plenty to explore and learn!

    Try it out and take Mr. Antarctic for a walk! ❄️

    tympanus.net/codrops/?p=83147

    #threejs #r3f #3d #webgl #webdevelopment