Home▸Fluid Dynamics & Aerodynamics▸Spider Web with Morning Dew (2D)

🕸 Spider Web with Morning Dew (2D)

2D companion to the Spider Web scene: each silk thread sags like a lightly-loaded cable (parabolic catenary approximation), dew drops condense and grow on the radial spokes and capture spiral, and every drop is tested each frame against a surface-tension adhesion threshold — once its weight component along the thread beats that threshold it slides and drips, the way real dew does on a web at dawn.

Fluid Dynamics & Aerodynamics2DModerate60 FPS📱 Mobile-adapted⇄ 3D version💧 Water
2d-spider-web-with-morning-dew ↗ Open standalone

The 3D version of this scene renders an orb-weaver's web from a slowly orbiting camera; this 2D companion strips the view down to a flat diagram so the underlying mechanics are legible instead of merely pretty. Every spoke and every segment of the capture spiral carries its own load: dew drops condense onto the silk at a rate set by the humidity slider, each drop's mass growing by accretion the way real condensation does, and every thread sags under that load following the standard light-cable approximation sag ≈ w·L²/(8T), where w is the load per unit length and T is the silk's tension (the stiffness slider — turn it down and the whole web visibly droops). A drop stays put only while a surface-tension-scaled adhesion force can hold it against the component of gravity pulling it along the thread; once that balance tips, it slides with the same incline-and-friction kinematics as a block sliding down a ramp, accelerates toward the anchor, and drips off, incrementing the drip counter in the panel. Push the stickiness slider low or the humidity slider high and drops start sliding and dripping constantly; push tension low and the whole structure sags visibly even before any dew lands on it.

⚙ Under the hood

2D companion to the Spider Web with Morning Dew scene: a parabolic-catenary sag model per thread, condensing dew drops with growing mass, and a surface-tension-vs-gravity slide/drip test run every frame, driven by five interactive controls with a live numeric readout.

surface tensioncatenary sagcapillary adhesioncondensation

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

What did you find?

Add reproduction steps (optional)