Search
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
When Community Becomes UI: Building the Website for the First Three.js Conference
28.2.2026
How Makio64 & Hervé Studio designed threejs.paris, the website of the very first Three.js conference, to make every visitor part of the show!
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
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
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
Behind the KAI Design Dept. Experience: WebGL Line Blur, Video Scrubbing, and 3D Animation
20.11.2025
A look at the technical insights behind the KAI Design Dept. site, covering WebGL line DoF, video scrubbing, and Blender integration
How to Build Cinematic 3D Scroll Experiences with GSAP
19.11.2025
Learn how to build smooth, immersive 3D scroll experiences using GSAP, WebGL, and Three.js, turning simple scrolling into responsive visual motion
Fragments: A Platform for Learning Creative Coding with Shaders
17.10.2025
A hands-on way to learn shaders: explore techniques, tweak ready-made utilities, and remix 120+ sketches to turn fundamentals into distinctive generative art