03 — SPATIAL COMPUTING
3D

Live skinned meshes and GLSL shaders running directly in your browser. Scroll to distort space.

SCROLL
REAL-TIME RENDERING

No video files. No pre-rendered frames. The character is a fully skinned 3D mesh processed by your GPU every frame — bones, weights, and all — through React Three Fiber and a custom animation system.

The camera is a physical lens in 3D space, locked to the scrollbar. As you scroll, the camera lerps across pre-calculated vectors, synced frame-perfectly to the HTML sections below.

VERTEX DISPLACEMENT

As scroll progress increases, a custom GLSL vertex shader violently displaces every vertex along its normal vector using 3D Simplex noise — tearing the digital human apart in real time.

No scrolljacking. The DOM scrolls natively while the scene matrix recalculates to stay perfectly in sync with your reading pace. Physics and perception, unified.

React Three FiberGLSL ShadersSimplex NoiseGSAP ScrollTriggerdreiWebGL

LET'S WORK TOGETHER

hey@mod-15.com