lab
lab.
front end experiments i built to learn WebGL: GPU instancing, cursor physics, and real time fluid shaders.
01procedural city
a few hundred buildings drawn as GPU instances, with per-face windows, street lights, and a sun and moon that swap the whole scene between day and night as you orbit past the horizon. drag to look around.
02kinetic cursor
the cursor ring is a small physics object. flick it fast anywhere on this page and it detaches, flies off with your momentum, and bounces off the edges, throwing sparks and a short sound on each bounce before it drifts back. it is active only on this page.
flick your cursor, hard →
03fluid type, depth-displaced shader
an FBO ping-pong fluid simulation traces your movement across a procedurally weathered brick wall, while a depth map parallax-shifts the typography underneath. move slowly across it, then stop suddenly.