Home▸Everyday Physics▸Spider Web & Dew Drops (2D)

Spider Web & Dew Drops (2D)

A 2D orb web with 7 radial spokes and spiral rings swaying in a gentle wind, beaded with glistening dew drops under an adjustable dawn backlight, with a spider resting at the hub.

Everyday Physics2DEasy60 FPS📱 Mobile-adapted⇄ 3D version
2d-spider-web-dew-drops ↗ Open standalone

This 2D companion redraws the same orb web as the 3D version on a flat canvas: 7 radial spokes and their connecting spiral rings sway together under a shared wind function, dew drops beaded along each strand glisten in sync with an adjustable intensity slider, and a simple 8-legged spider sits at the hub with an optional idle bob. A live readout tracks the current sway phase, the peak strand drift and how many dew drops are catching the light at any moment.

⚙ Under the hood

2D orb-web study: 7 spokes and their spiral rings sway under a shared sinusoidal wind model, dew drops glisten with adjustable intensity, and a dawn backlight slider tints the whole scene.

spider webdew dropssurface tensionwind swayorb weaverdawn light

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

What did you find?

Add reproduction steps (optional)