Lab 004: a liquid menu.
Went down the GPUI rabbit hole. Zed paints its whole interface as shapes the GPU draws in one pass, and I wanted to feel what that idea does in a browser.
The links are plain HTML. Everything under them melts.
How it works:
Β· the browser lays out the menu, a tiny GPUI-style painter in raw WebGPU draws it
Β· every box is a signed distance field, so neighbours melt into one liquid
Β· soft shadows in closed form (Evan Wallace's trick)
Β· the lens plays each experiment
Starting a lab of interface experiments that probably shouldn't exist.
Today's, just in time for Halloween: a loading bar spun by a spider π·οΈ
The progress is the web. Tear it and the loader goes backwards until the spider has re-spun every thread.
How it works:
Β· every thread is a chain of verlet particles on rope constraints
Β· spun in orb-weaver order: frame, radials, capture spiral
Β· a fast swipe cuts what it crosses; the spider pathfinds over the surviving silk to re-spin it
Β· one HTML file, Canvas 2D, no libraries
Multiple individuals, including myself, have reported issues regarding unpaid salary after completing work offered through remote job opportunities associated with @9tnineCreatives. Verify claims and payment history before joining. please help @LabourMinistry@MCA21India
Seedance 2.0 is now live in LTX Studio.
1080p generation. No restrictions.
Follow + Retweet to get 800 credits in your DMs + 33% off Pro plan
24 HOURS ONLY β±οΈ