In Tutorials ,
Jun 9, 2025
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 Articles ,
Jun 4, 2025
by Niccolò Fanton
A minimal, real-time WebGL shader that applies ordered dithering and optional pixelation as a composable postprocessing effect.
In Articles ,
May 30, 2025
by Jean Mazouni
A closer look at the main components of the 35mm site and the core concepts and techniques behind how it was built.
In Tutorials ,
Mar 24, 2025
by Paola Demichelis
A beginner-friendly tutorial that explores how to create a dynamic text displacement effect using Three.js and custom shaders.
In Articles ,
Feb 18, 2025
by Yohei Nishitsuji
An exploration of fractals, GLSL, and simulation theory, revealing their deep connections to art, mathematics, and the nature of reality.
In Tutorials ,
Feb 17, 2025
by Jatin Chopra
Learn how to create an emissive dissolve effect, a popular technique in games for smoothly fading or transforming objects.
In Tutorials ,
Dec 3, 2024
by Oluwaseyi Oluwadare
Learn how to create a progressive image rotation effect with WebGL, using OGL and GLSL shaders.
In Tutorials ,
Dec 2, 2024
by Colin Demouge
A simple yet cool image reveal effect created with React-Three-Fiber/Drei and animated using Framer Motion.
In Tutorials ,
Nov 13, 2024
by Andrico Karoulla
Explore the world of shaders with this easy-to-follow guide to creating a custom ASCII art animation using WebGL, Perlin noise, and GLSL.
In Tutorials ,
Oct 31, 2024
by Matias Perez
Learn how to create an interactive shader background effect using React Three Fiber and Drei in four simple steps.
In Tutorials ,
Sep 3, 2024
by Oguzhan Tufenk
Learn how to create a custom jitter shader in React-Three-Fiber, inspired by the visual style of PS1-era games, to add a retro aesthetic to 3D models.
In Tutorials ,
Aug 27, 2024
by Jean Mazouni
Learn how to apply a pixel/grid displacement to a texture in Three.js using shaders and GPGPU with a subtle RGB shift effect on cursor move.
In Tutorials ,
Jul 18, 2024
by Jan Kohlbach
Learn how to create distortion and grain effects on scroll using Three.js shaders, syncing HTML images with WebGL.
In Tutorials ,
Jul 2, 2024
by Jorge Toloza
Learn how to create an interesting progressive blur effect using WebGL, OGL, and GLSL shaders.
In Tutorials ,
May 1, 2024
by Robert Leitl
Learn how to use WebGPU compute shaders to create reaction-diffusion patterns.
In Playground ,
Jan 20, 2023
by Yuri Artiukh
A brief exploration into how to twist and rotate text in 3D using Three.js and Shader magic.