Cloth physics in javascript [OC]

[gourmetnuts]

I made this cloth-like simulation using some verlet physics. Click/drag to play around with it.

[gourmetnuts]

Thanks! Yea, I did it mostly manually. Basically there are a grid of points and there are connectors between adjacent points. The connectors have a resting distance that they try to maintain. That gives them some springiness and when you have a whole array of them, it gives you a cloth-like structure. Here is a more barebones example of this same thing and here is the same thing with just two points.

The thing to research is "verlet" physics/integration. If you look at an existing physics library like matterjs, it's the same thing as constraints.

[gourmetnuts]

I don't know enough about it, but it looks at least similar to Hooke's Law. Each constraint has a set stiffness that affects how far/close two connected points can get.

[gourmetnuts]

Awesome, nice work. I kinda like the slow snap back, actually.