05 · scroll

Helix Section

Nine plates ride a two-turn helix past the camera while two hairlines draw along it. The run resolves into a grid with a ripple, word lines march the other way through the pin, and a stack of stripes wipes up to close.

scroll ↓  ·  H hides the panel

Rendered with CSS 3D, not WebGL. Every plate is bent onto the curve as a strip of flat slabs, each carrying a matrix3d built from the helix's own position, tangent and normal. Plates sit far enough apart on the curve that two can never intersect on screen, which is the only case a browser refuses to depth-sort — so the compositor does the sorting and the copy stays real, selectable text. The hairlines go on a 2D canvas using the identical projection the perspective property applies.