I've reached the first milestone of creating an extensible terrain system for #r3f and #threejs
next step: heightmaps via #webgpu compute
#R3F
💌 The Web Game Dev Newsletter Issue 029 is out! Read it online here: https://webgamedev.com/newsletter/029, and subscribe to get the next ones delivered right to your inbox 🚀 #threejs #r3f #gamedev
💌 The Web Game Dev Newsletter Issue 028 is out! Read it online here: https://webgamedev.com/newsletter/028, and subscribe to get the next ones delivered right to your inbox 🚀 #threejs #r3f #gamedev
Starting to work with #r3f viverse library and HTC VIVERSE.
3D in React with physics, character controllers, and WebXR support in minutes. Integrates with VIVERSE
avatars and profiles.
💌 The Web Game Dev Newsletter Issue 027 is out! Read it online here: https://webgamedev.com/newsletter/027, and subscribe to get the next ones delivered right to your inbox 🚀 #threejs #r3f #gamedev
Needle supporting ShaderGraph to three.js is coming
For Needle Engine, vanilla three AND react-three-fiber
Happy to share 3D Yacht Website (next-yatch.vercel.app) what i done recently Developed by using #nextjs #typescript #r3f #threejs #3d #gsap #tailwindcss ---------- #3dship #3dsite #interactive #3dconfigurator
I'm currently building Spores Journey — an immersive, browser-based experience blending art, code, and story into a living world. - (4) #react #ecommerce #three.js #r3f #glsl #3d #journey #wonderland
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: https://tympanus.net/codrops/?p=94836
💌 The Web Game Dev Newsletter Issue 026 is out! Read it online here: https://www.webgamedev.com/newsletter/026, and subscribe to get the next ones delivered right to your inbox! 🚀 #threejs #r3f #gamedev
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: https://tympanus.net/codrops/2025/03/31/webgpu-scanning-effect-with-depth-maps/
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: https://tympanus.net/codrops/?p=89382
🍃 MUSGOS: BIOFILTROS NATURALEZ PARA LA CAPTURA DE CO₂ Y LA REGENERACIÓN AMBIENTAL 🍀
Formación y Retención del Suelo:
Los musgos contribuyen a la formación del suelo al descomponer rocas y materia orgánica, creando un sustrato adecuado para otras plantas.
Su estructura densa ayuda a retener el suelo, previniendo la erosión.
Regulación Hídrica:
Actúan como esponjas naturales, absorbiendo y reteniendo agua, lo que ayuda a mantener la humedad del suelo y a regular el ciclo hidrológico en los ecosistemas donde se encuentran.
Hábitat para Microorganismos:
Proporcionan refugio y sustento a una variedad de microorganismos, incluyendo bacterias, hongos y pequeños invertebrados, enriqueciendo la biodiversidad del ecosistema.
Indicadores Ambientales:
Debido a su sensibilidad a cambios en la calidad del aire y del agua, los musgos son utilizados como bioindicadores para monitorear la salud ambiental y la presencia de contaminantes.
Los musgos, a pesar de su diminuto tamaño, desempeñan roles cruciales en los ecosistemas terrestres.
Su ciclo de vida único y su capacidad para adaptarse a diversas condiciones ambientales los convierten en aliados indispensables en la mitigación del cambio climático y en la promoción de la salud ecológica.
Fomentar su conservación y estudio es esencial para comprender y preservar la integridad de nuestros ecosistemas.
Más información
WhatsApp
+591 767 77544
#R3Foresta
#AppR3Foresta
#EcoTokenR3Foresta
#Musgos
#CambioClimático
#CapturaDeCarbono
#CO2Neutral
#EnergíaRenovable
#Descarbonización
#AcciónClimática
#EconomíaCircular
#SolucionesBasadasEnLaNaturaleza
#Biodiversidad
#RestauraciónEcológica
#CarbonoNeutral
#Sostenibilidad
#MedioAmbiente
#Forestal
#Reforestación
#Ecosistemas
#HuellaDeCarbono
#CambioVerde
#ConservaciónAmbiental
#PlantasQueCapturanCO2
#AgriculturaRegenerativa
#GreenTech
#NetZero
#EficienciaEnergética
#AdaptaciónClimática
#Octant
#OctantR3Foresta
#Arbitrum
#ArbitrumR3Foresta
#EcoToken
#R3F
💌 The Web Game Dev Newsletter Issue 025 is out! Read it online here: https://www.webgamedev.com/newsletter/025, and subscribe to get the next ones delivered right to your inbox! 🚀 #threejs #r3f #gamedev
🌊 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: https://tympanus.net/codrops/2025/03/04/creating-stylized-water-effects-with-react-three-fiber/
#webgl #r3f #threejs #webdevelopment #coding #gamedevelopment #tutorial
Made a webXR virtual pet as part of February's #threejsjourney community challenge. Great fun and many excellent projects. Its just a website as viewed through a Quest3.
When you shake the egg hard it cracks. That's about as far as I got in the time we had for the challenge. 🥚
So glad I was able to participate and thankful to Bruno Simon for creating this vibrant space to learn with others. Hope I can find time to do another one soon.
Too much #CitizenSleeper2 I guess, I started making a configurable segmented clock in #r3f
The Night Room is a soporific analogue escape for sleepless summer nights https://night-room.vercel.app/ #r3f #javascript #ambient #lofi #threejs #blender
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: https://tympanus.net/codrops/2025/01/15/creating-generative-artwork-with-three-js/
#generativeart #creativecoding #webdevelopment #generative #threejs #r3f #webgl #tutorial #howto
🗽 How to Code a Shader Based Reveal Effect with React Three Fiber & GLSL
By Colin Demouge @colindmg.bsky.social at @codrops.bsky.social
Image reveal effect created with React-Three-Fiber/Drei and animated using Framer Motion.
#R3F #FramerMotion #webdev
Client Info
Server: https://mastodon.social
Version: 2025.07
Repository: https://github.com/cyevgeniy/lmst