Home▸Physics & Mechanics▸Cloth Simulation (2D): Mass-Spring Tear & Wind Lab

Cloth Simulation (2D): Mass-Spring Tear & Wind Lab

2D companion to the 3D Spring-Mass Cloth Simulation: a genuine side-view mass-spring-damper grid with structural, shear and bend springs, Verlet integration, gravity and wind, springs that snap when overstretched, and mouse dragging to grab and pull the fabric.

Physics & Mechanics2DModerate60 FPS📱 Mobile-adapted⇄ 3D version

Details

CategoryPhysics & Mechanics

RenderingCanvas 2D

DifficultyModerate

Target FPS60

ControlsSliders set Gravity, Wind, spring Stiffness, Damping and Tear resistance; Freeze pauses the physics and Reset rebuilds the cloth. Click or tap and drag any point of the cloth to grab and pull it; overstretched springs snap permanently.

Verlet integrationmass-spring systemsoft body physicscloth simulationcanvas 2D

Related simulations

SPH FluidFluid simulation via SPH: pressure, viscosity, gravity and wall bouncing. Splash impulse…

Car PhysicsRealistic driving with suspension, drift, nitro and particle effects. Navigate rough terrain.

Sand AutomatonSand, water, fire, wood, acid, smoke. Draw with mouse — watch substance reactions. ⊞ All 2855 in Physics & Mechanics →

A 2D companion to the 3D Spring-Mass Cloth Simulation: a real side-view mass-spring-damper grid with structural, shear and bend springs, Verlet integration, gravity, wind and genuine tear-when-overstretched mechanics. Drag the cloth with the mouse to pull it apart.

⚙ Under the hood

A 2D side-view companion to the 3D Spring-Mass Cloth Simulation: a real mass-spring-damper grid with structural, shear and bend springs, Verlet integration, gravity and wind, and genuine tear-when-overstretched mechanics. Drag the cloth with the mouse to grab and pull it, and pull hard enough to rip it apart.

Verlet integrationmass-spring systemsoft body physicscloth simulationcanvas 2D

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