Home▸Fluid Dynamics & Aerodynamics▸Cloth Wind (2D)

Cloth Wind (2D): Verlet Cloth Simulation

2D companion to the cloth-wind lab: a Verlet-integrated 26x16 node grid, pinned at the top edge, billows sideways as wind and gravity fight the fabric's own stiffness constraints.

Fluid Dynamics & Aerodynamics2DModerate60 FPS📱 Mobile-adapted⇄ 3D version

This 2D companion runs the same Verlet mass-spring grid as the 3D version — a 26×16 node sheet pinned along its top edge — but draws it straight onto a flat canvas: wind pushes each node sideways instead of into the screen, gravity pulls it down, and iterative distance-constraint solving keeps the fabric from stretching past its stiffness limit, so the billow and sag you see are the same physics, just viewed face-on.

⚙ Under the hood

26×16 Verlet-integrated node grid, top row pinned, four constraint-satisfaction passes per frame; Wind, Gravity and Stiffness sliders plus a one-shot Gust drive the same billow-and-sag behaviour as the 3D cloth.

cloth simulationverlet integrationmass-spring gridwind forcefluid dynamics

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