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.
192 posts tagged with
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.
Case Study: Isabel Moranta Portfolio — 2024
In Articles, by Yannis Yannakopoulos and Isabel Moranta
This case study captures the journey of crafting a personal portfolio—an exploration of bold design, creative freedom, and the beauty of designing for oneself.
How to Create a WebGL Rotating Image Gallery using OGL and GLSL Shaders
In Tutorials, by Oluwaseyi Oluwadare
Learn how to create a progressive image rotation effect with WebGL, using OGL and GLSL shaders.
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.
