Home▸Everyday Physics▸Spider Web & Morning Dew: Backlit Sparkle (2D)

🕸️ Spider Web & Morning Dew: Backlit Sparkle (2D)

A procedural orb web — radial spokes plus an Archimedean spiral thread — carries twinkling dew drops that catch a movable backlight, while a spider idles at the hub, then walks a lap with an alternating leg gait, on repeat.

Everyday Physics2DEasy60 FPS📱 Mobile-adapted⇄ 3D version

This 2D companion rebuilds the 3D scene's actual construction rules on a flat canvas: the same radial-spoke-plus-Archimedean-spiral web geometry, the same idle-then-walk spider state machine tracing a loop with an alternating four-leg-pair gait, and dew drops that twinkle on a per-drop sine cycle and throw a specular highlight back toward a sun angle you can drag around the horizon. Slide the spoke count or spiral turns and the whole thread pattern regenerates; slide the sun angle and every dew drop's highlight swings to match.

⚙ Under the hood

2D procedural orb-web lab: radial spokes plus a parametric spiral thread, dew drops with sine-cycle twinkle and sun-relative specular highlights, and a spider following an idle/walk state machine with an alternating leg gait.

spider weborb weaverdew dropsbacklightingprocedural geometrygait animation

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install