Lab · Experiments

Rendering experiments

Groundwork for sebastianabril.com — three spikes, each de-risking one hard rendering problem inside a single WebGPU / WebGL2 context, with an automatic fallback for browsers without WebGPU. Interactive; best viewed on desktop.

01

Light through matter

Holographic koi cross in front of and behind live text through one canvas — no second context — using a glyph-shaped depth proxy. Move the cursor and the fish geometry ripples, like a hand passing through a projection.

Open experiment
02

One film, two surfaces

A dither treatment matched across the WebGL canvas and the DOM from a single shared Bayer tile, so pixels and real text read as one film stock — then ignite together in a resolve-from-dither reveal.

Open experiment
03

Budget in the open

Substrate, dither and fish rendered together in one context, instrumented with a live frame budget and a mobile degradation tier you can toggle on the fly. Built to hold 60fps desktop, 30–50fps on mid-range mobile.

Open experiment