Creating Stylized Water Effects with React Three Fiber
In Tutorials, by Thalles Lopes
Learn how to craft smooth, cartoon-style water effects with dynamic movement, optimized for performance, using React Three Fiber.
Three.js
311 posts
From Concept to Code: Inside the Creative Process of Thomas Monavon & Grégory Lallé
In Articles, by Thomas Monavon and Grégory Lallé
Discover the creative process of the French duo, Thomas Monavon (Designer) and Grégory Lallé (Creative developer).
Implementing a Dissolve Effect with Shaders and Particles in Three.js
In Tutorials, by Jatin Chopra
Learn how to create an emissive dissolve effect, a popular technique in games for smoothly fading or transforming objects.
Building Efficient Three.js Scenes: Optimize Performance While Maintaining Quality
In Tutorials, by Niccolò Fanton
A comprehensive look at how to optimize Three.js scenes using Fiber, Drei, and advanced tools, ensuring smooth performance while retaining high-quality visuals.
Creating My First Game Prototype in a Browser: The Journey So Far
In Articles, by Axel Croizé
An inside look at the creative process, challenges, and tools behind building a 3D game prototype from scratch.
How to Make The Fluffiest Grass With Three.js
In Tutorials, by The Ebenezer
A breakdown of the best techniques to create realistic grass in Three.js without killing performance.
Building an On-Scroll 3D Circle Text Animation with Three.js and Shaders
In Tutorials, by David Faure
Learn how to create a circular text animation in 3D space using Three.js, shaders, and msdf-text-utils.
Fractals to Forests – Creating Realistic 3D Trees with Three.js
In Articles, by Dan Greenheck
Discover the algorithms behind EZ-Tree’s use of procedural generation and Three.js to create realistic 3D tree models.
The Journey of Creating a 3D Portfolio
In Articles, by Merouane Bali
Merouane Bali shares the process behind his 3D web design, highlighting WebGL and React integration, along with the challenges and solutions that shaped this immersive portfolio.
Creating Generative Artwork with Three.js
In Tutorials, by Eduard Fossas
Develop a dynamic, generative artwork using Three.js and grid systems, inspired by Lygia Clark’s minimalist geometric designs.
Case Study: Dondre Green
In Articles, by Nkenna Amadi
This case study explores how The Blackpepper Studio meticulously designed and developed a digital portfolio that captures the artistic vision of Dondre Green, a New York-based Art Director and Photographer known for his innovative, narrative-driven, and storytelling work.
Crafting a Dreamy Particle Effect with Three.js and GPGPU
In Tutorials, by Dominik Fojcik
Learn how to create an interactive particle effect using Three.js, GPGPU, and shaders.
How to Code a Shader Based Reveal Effect with React Three Fiber & GLSL
In Tutorials, by Colin Demouge
A simple yet cool image reveal effect created with React-Three-Fiber/Drei and animated using Framer Motion.
Creating Dynamic Terrain Deformation with React Three Fiber
In Tutorials, by Oguzhan Tufenk
An exploration of real-time terrain reshaping through user interactions, using React Three Fiber.
Case Study: Anderson Moss ®️
In Articles, by Chris Carruthers
Discover how Anderson Moss redefined its brand with an award-winning website that blends artful design with innovative tech.
How to Code a Subtle Shader Background Effect with React Three Fiber
In Tutorials, by Matias Perez
Learn how to create an interactive shader background effect using React Three Fiber and Drei in four simple steps.
Interactive 3D with Three.js BatchedMesh and WebGPURenderer
In Playground, by Christophe Choffel
A breakdown of a Three.js demo using BatchedMesh for efficient mesh rendering and exploring the new post-processing pipeline with TSL.
Creating a 3D Hand Controller Using a Webcam with MediaPipe and Three.js
In Tutorials, by Caio Bassetti
Learn how to create a full 3D hand controller with depth, using @mediapipe/hands and Three.js.
