Amazing web model of tearing cloth

Click on the link and a web page with a piece of cloth (looks like a piece of graph paper) will appear. Click and drag across the cloth and you’ll rip it. The simulation is very realistic, complete with gravitational physics.

Even better, if you right click (hold down the control key), your mouse turns into a cutting tool.

And as a pièce de résistance, all the code is there to play with and learn from, including the HTML, CSS, and Javascript. Absolutely brilliant.



  • kshalm

    If you like this, then you may be interested in checking out this complete physics engine that was written from the ground up in javascript, HTML5, and css. It can do tearable cloths, complex polygon collision detection, and much more. I have just started messing around with it, and have come away impressed. http://wellcaffeinated.net/PhysicsJS/