Spider Web

One file, "use client", the three dependency (WebGL2, not WebGPU — for Safari/Firefox). The web: buildWeb(seed, n) with mulberry32 — a frame of 8 jittered corners, moorings to pinned far anchors, 30 radials with crossing nodes pre-inserted, two hub loops, a free zone, 16 spiral rings with geometric growth, 4 dangling scraps, cocoons (heavy nodes wrapped to the crossing and neighbours). Physics: Verlet in typed arrays — 2 substeps × 8 spring iterations by thread type (stiffness, slack, tear threshold, a budget of 4 tears), bends across a node, gravity, wind (breeze + gusts + flutter), "shape memory" towards the woven position (otherwise the web crumples), cursor grab with stickiness and tearing on a yank. Camera: fov 46, four weighted shots (the web lies flat, only the camera tilts), ±3°/±2° jitter, sway, ×1.3 pull-back in portrait; damped OrbitControls — dragging empty space rotates, the wheel zooms only with Ctrl/⌘ or when the block is taller than 80% of the window (otherwise the wheel scrolls the page), grabbing a thread disables the orbit. Thread light: three point lights with 1/(d²·0.5+1) falloff — key (−1.3, 1, 1.15) ×3.1, rim (1.7, −0.45, −1.9) ×1.4 and a wandering light on a sine path ×0.8; Kajiya–Kay sheen shininess 75, diffuse 0.09, shimmer along the arc, dew beads sin(arc·340)^16 by thread stickiness (spiral 1, hub 0.18, frame 0.05), thickness variation, exp(−d·0.09) falloff, a 1.15–1.7 visibility pool from the centre (moorings fade towards the anchors). Rendering: threads as two-triangle ribbons with pixel width (never thinner than 1.1px), additive; a light shaft from the moon and a pool of light below — visible when zoomed out; dew — 240 points on spiral nodes; dust — 520 points in the volume, drifting with the wind; cocoons — an InstancedMesh of faceted ellipsoids (a bumped icosahedron) with a silk shader; flies — a body of spheres, red eyes, 6 legs as lines, wings with iridescence and two smeared copies (48 Hz beat); AI: saccades, hovering, excursions, perching with grooming, startle from the cursor, getting caught (struggles, jerks the nodes, breaks free or leaves after 12 s). Post: scene into HalfFloat → UnrealBloomPass (0.5/0.55/0.12 at half res) → light at 0.4 res (36-sample dithered moon rays, anamorphic streaks on two axes, halation) → final (chromatic aberration, grade, grain, vignette, ACES, sRGB). 60 fps with a DPR cap of 1.25; after 40 slow frames — DPR 1, half the ray samples, rendering every other frame. Paused outside the viewport and on a hidden tab. Reduced motion: no wind, no flies, static grain. The panel, list and card are HTML over the canvas; the card follows the cocoon and stays within the edges. Without WebGL — a text fallback.