Search
Building a Scroll-Reactive 3D Gallery with Three.js, Velocity, and Mood-Based Backgrounds
9.3.2026
A tutorial on building a scroll-driven WebGL gallery in Three.js with depth-layered images, palette-driven backgrounds, and motion that responds to scroll velocity
Inside Corentin Bernadou’s Portfolio: Swiss-Inspired Layouts, WebGL Geometry, and Thoughtful Motion
5.3.2026
An overview of how I redesigned my portfolio as a creative playground, blending editorial design, WebGL experiments, and thoughtful motion
WebGL for Designers: Creating Interactive, Shader-Driven Graphics Directly in the Browser
4.3.2026
A look at how Unicorn Studio brings the power of WebGL shaders to designers through a layer-based workflow, making it easier to create expressive, interactive graphics directly in the browser
From Flat to Spatial: Creating a 3D Product Grid with React Three Fiber
24.2.2026
A practical walkthrough of building a curved 3D product grid with React Three Fiber and GLSL, covering shaders, animation, and performance
Composite Rendering: The Brilliance Behind Inspiring WebGL Transitions
23.2.2026
Explore composite rendering in WebGL and how render targets power seamless transitions and advanced scene compositing
Creating a Smooth Horizontal Parallax Gallery: From DOM to WebGL
19.2.2026
Build a smooth horizontal parallax gallery in DOM/CSS/JS, then upgrade it to GPU-powered WebGL (Three.js) with shaders
Reactive Depth: Building a Scroll-Driven 3D Image Tube with React Three Fiber
17.2.2026
Build a scroll-driven, infinitely looping 3D image tube in React Three Fiber powered by shaders, inertia, and a unified motion system
Building an Endless Procedural Snake with Three.js and WebGL
10.2.2026
A deep dive into building a GPU-enhanced procedural curve system in Three.js, where organic motion emerges from simple steering rules and endless Bézier paths
Building a Scroll-Revealed WebGL Gallery with GSAP, Three.js, Astro and Barba.js
2.2.2026
Learn how to build a multi-page WebGL image gallery with scroll-triggered shader reveals, smooth scrolling, and seamless page transitions using GSAP, Three.js, Astro, and Barba.js
WebGPU Gommage Effect: Dissolving MSDF Text into Dust and Petals with Three.js & TSL
28.1.2026
Build a Three.js WebGPU scene where MSDF text dissolves with a noise-driven TSL shader while synchronized dust and spinning petal particles burst out, finished with selective bloom using MRT
Infinite Canvas: Building a Seamless, Pan-Anywhere Image Space
7.1.2026
Learn how to build an infinite, pannable image canvas with React Three Fiber. We’ll use chunk-based rendering and performance-first techniques to create a smooth, endlessly explorable image space
How to Create a Pixel-to-Voxel Video Drop Effect with Three.js and Rapier
5.1.2026
A tutorial showing how video pixels are voxelized in 3D and dropped into a physics-driven world using Three.js, shaders, and Rapier
Efecto: Building Real-Time ASCII and Dithering Effects with WebGL Shaders
4.1.2026
An exploration of how classic image algorithms and CRT-era visuals come alive through real-time shaders on the web
Building a Nostalgic 8-bit Universe with Modern Tech: A Vibe Coding Journey
23.12.2025
A nostalgic 8-bit portfolio experiment built with modern AI workflows and performance-first web tech
The Mechanics Behind a Scroll-Driven Circular 3D Carousel with Three.js and Post-Processing
14.12.2025
A technical walkthrough of scroll physics, cursor interaction, and screen-space effects in a Three.js carousel
Simulating Life in the Browser: Creating a Living Particle System for the UntilLabs Website
10.12.2025
Learn how a real photograph was transformed into a living, physics-driven particle system using WebGL, shaders, and data-driven motion for the UntilLabs homepage
Crafting Nature Beyond Technology: A Project from Roots to Leaves
4.12.2025
A deep dive into how a nature-inspired concept evolved into a polished WebGL experience blending design, animation, and technology
Building The Monolith: Composable Rendering Systems for a 13-Scene WebGL Epic
29.11.2025
An exploration of how composable materials, particles, and transitions were engineered to bring The Monolith Project’s stylized universe to life
Letting the Creative Process Shape a WebGL Portfolio
27.11.2025
Exploring how experimenting with Three.js, React Three Fiber, and GSAP shaped the final experience
Creating Wavy Infinite Carousels in React Three Fiber with GLSL Shaders
26.11.2025
Experimenting with infinitely scrolling, wavy 3D carousels in React Three Fiber with smooth scroll-driven distortion effects