No Filter
A studio site for a studio of one — a WebGL brand mark, a Matter.js block pit, wire ropes you can drag, and a harness that gates every change.
Fourteen verlet points, gravity and distance constraints, pinned at both ends. Drag either frame.
tokens 138/138 computed styles vs the token table
motion 283/283 durations, eases, distance travelled
visual judged screenshot diffs, reviewed by eye
budget 7/7 bundle, route weight, triangles,
LighthouseTwo parallaxes had never once run — gsap.quickSetter(el, "yPercent", "%") silently writes nothing. 267 assertions passed the whole time; none measured distance travelled. Nine now do.
The catch worth telling
Redrawing the card thumbnails added a few dozen elements to each card, and verify:motion reported that the custom cursor no longer lagged the pointer — pointerover fires for every element crossed, so one sweep re-pinned the disc twenty times.
Fixing it failed a different assertion. Two checks had been in direct contradiction — one demanding the disc snap on a move, the other that it lag on the same move — and only the bug satisfied both. Nothing had ever been red, so nobody had read them together.
GSAP’s ticker drives Lenis, ScrollTrigger and Matter. There is no second requestAnimationFrame anywhere, and verify:motion probes for one.
Simulate it, delete the tuning
The wires began as a Bézier with a hand-tuned sag term, which was fine until the frames became draggable. A formula has no memory: no swing, no settle.
Simulating it deleted both tuned numbers. Sag is gravity on a rope cut longer than its gap, and “a stretched wire straightens” is not a rule anyone wrote.
Every label is true
There are no stock photographs. Every thumbnail is a specimen plate drawn in code: FIG.04 is the work’s real position in the twelve, and the code is the plate’s actual seed. Where there is no real edition number the field is left out rather than invented.
Several of the twelve case studies are chapters on this site.
N0-filtr
A study of santionispirits.com — a 100% WebGL experience — rebuilt at two fidelity tiers.
continue