In Tutorials, by Yuki Kojima
In this tutorial, we’ll walk you through how to create bubble-like spheres using Three.js and GLSL—an effect that responds interactively to your mouse movements.
In Tutorials, by Eemeli Haakana
Learn how to combine responsive HTML text with WebGL rendering, enabling scroll-driven animations and custom shader effects.
In Articles, by Niccolò Fanton
A minimal, real-time WebGL shader that applies ordered dithering and optional pixelation as a composable postprocessing effect.
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.
In Tutorials, by Dominik Fojcik
Learn how to create an interactive particle effect using Three.js, GPGPU, and shaders.
In Tutorials, by Fabio Ottaviani
Learn how to create an interactive 3D carousel using WebGL, React Three Fiber, and GSAP with this step-by-step tutorial.
In Tutorials, by Anderson Mancini
Learn how to code a vibrant Cyberpunk scene using Three.js, complete with post-processing and dynamic lighting, no shader expertise needed!
In Tutorials, by Maya Nedeljković Batić
A tutorial where you’ll learn how to create a pencil effect with a sketchy look using Three.js post-processing.
In Tutorials, by Jason Andrew
In this tutorial we will go over implementing the Game of Life in Three.js using ping pong buffering and off-screen renderbuffers.
In Tutorials, by Anderson Mancini
A look into the making of a mini-city full of post effects and micro-interactions using Three.js.
In Tutorials, by Georgi Nikolov
Learn how to enhance your Three.js scenes with postprocessing via framebuffers.
In Tutorials, by Kelly Milligan
Learn how to create convincing transparent, glass-like and plastic-like materials in Three.js.
In Tutorials, by Georgi Nikolov
Learn how to use WebGL framebuffers via Three.js to create an interactive motion trail effect for text.
In Tutorials, by Georgi Nikolov
An in-depth tutorial on how to code 2D visuals using WebGL2.
In Tutorials, by Matt Rossman
Learn how to use instanced rendering and post-processing techniques to recreate a hypnotic looping animation with react-three-fiber.
In Tutorials, by Yuri Artiukh
A simple tutorial on how to achieve an interactive mouseover/hover effect on images in some easy steps.
In Tutorials, by Lorenzo Cadamuro
A tutorial on how to re-create the Apple Fifth Avenue Cube animation using WebGL.
In Tutorials, by Daniel Velasquez
Learn how to achieve a water-like ripple distortion effect with Three.js and postprocessing.
