ARTICLES & BREAKDOWNS

Engineering & Creative Code

In-depth technical deconstructions of interactive digital experiences, WebGL shaders, and physics-based motion architectures.

Infinite horizontal 3D WebGL wave reel with scroll distortion

Breakdown

WEBGL6 min read

Reel: Wave Carousel

Engineering an infinite horizontal 3D reel with velocity-driven sine wave distortion using React Three Fiber, custom vertex shaders, GSAP, and Lenis.

STRIDE luxury footwear preloader and smooth view transition architecture

Breakdown

MOTION ARCHITECTURE7 min read

STRIDE: Kinetic Preloader & View Transitions

Engineering an editorial kinetic typography preloader with GSAP slot-machine scrubbing and seamless route changes via React 19 View Transitions.

Saurow portfolio 3D interactive mesh card folding and TSL deformation

Breakdown

WEBGPU / TSL7 min read

Three.js (TSL): Mesh Folding

Engineering interactive 3D card folding, dynamic trigonometric depth curvature, and backface texture correction using Three.js Shading Language (TSL) and WebGPU.