Home▸Physics & Mechanics▸2D Cloth Hanging Under Gravity

Cloth Simulation (2D)

Interactive 2D mass-spring cloth: a Verlet-integrated grid of points hangs under gravity, ripples in adjustable wind, and tears apart when a constraint is stretched past its breaking point.

Physics & Mechanics2DModerate60 FPS📱 Mobile-adapted💨 Air & Wind⇄ 3D version
2d-15-cloth-simulation ↗ Open standalone

This 2D simulator builds a piece of cloth from a grid of point masses joined by structural, shear and bend springs, then advances it with Verlet integration under gravity and a gusting wind field. Drag any part of the fabric with the mouse to see it swing and settle, switch to the tear tool and cut through it to watch the rip propagate along whichever threads are carrying the most tension, or raise the tear-resistance slider to make the fabric tougher and the stiffness slider to make it hang crisper instead of floppy.

⚙ Under the hood

A 2D mass-spring cloth grid that hangs under gravity, ripples in adjustable wind, and tears apart when a link is stretched past its breaking point.

Cloth SimulationVerlet IntegrationMass-Spring SystemWindTearing

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

What did you find?

Add reproduction steps (optional)