Building an Interactive Image Grid with Three.js
In Tutorials, by Samuel Jarry
In this tutorial, we’ll create an interactive image grid using Three.js, covering setup, animations, and shaders.
webgl
Playing with Light and Refraction in Three.js: Warping 3D Text Inside a Glass Torus
Explore how MeshTransmissionMaterial in Three.js bends light, creates refraction effects, and enhances realistic glass-like materials.
Replicating CSS Object-Fit in WebGL: Optimized Techniques for Image Scaling and Positioning
In Tutorials, by Nicolas Giannantonio
Explore optimized methods to achieve responsive image scaling and positioning in WebGL, similar to the CSS object-fit: cover behavior.
Case Study: Stefan Vitasović Portfolio — 2025
In Articles, by Stefan Vitasović
An article behind the process of Stefan’s 2025 creative dev portfolio — a minimalist design, dynamic visuals and shader effects.
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.
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).
Rendering the Simulation Theory: Exploring Fractals, GLSL, and the Nature of Reality
In Articles, by Yohei Nishitsuji
An exploration of fractals, GLSL, and simulation theory, revealing their deep connections to art, mathematics, and the nature of reality.
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.
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.
Particles, Progress, and Perseverance: A Journey into WebGPU Fluids
In Articles, by Hector Arellano
A reflective journey through years of experimentation and innovation, demonstrating how WebGPU enables the creation of sophisticated, visually striking fluid simulations.
WebGL Shader Techniques for Dynamic Image Transitions
In Tutorials, by Arlind Aliu
Learn how to create dynamic image transitions with WebGL shaders, exploring techniques like circle SDFs, noise patterns, smooth merging, and texture integration.
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.
VFX-JS: WebGL Effects Made Easy
This article introduces VFX-JS, a JavaScript library designed to make creating WebGL-powered visual effects easy and accessible.
Developer Spotlight: Francesco Michelini
In Articles, by Francesco Michelini
In this Developer Spotlight, Francesco Michelini shares the journey behind his standout projects, his favorite tools, and how game development inspired his passion for creative coding.
Case Study: Gentle Rain
This case study explores how retro aesthetics and modern innovation came together to create a unique and inspiring learning experience.
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.
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.
