The simulation can be found hosted on this link!
More information about the controls can be found here: CONTROLS
Create your own rope or cloth-like objects and simulate collisions against obstacles, movement in the (user-controlled!) wind and even rope tears. Play around, experiment and try not to break physics!
This interactive simulation uses the principles of Verlet Integration to realistically model rope mechanics and is made using the p5.js library.
-
In any state of the sim, the following commands can be used:
🔠space= toggle play/plause
🔠C= clear canvas
🔠D= toggle dark-mode
🔠right-clickpoint = delete point ❗Deleting a point deletes any ropes connected to it
A CLOTH can also be created at any time using the cloth button -
When the simulation is paused, new POINTS can be created or connected as follows:
⏸️click= new normal point
⏸️shift+clickpoint = toggle locked point
⏸️Z+clickpoint = toggle obstacle point ❗Creating an obstacle deletes any ropes connected to it
⏸️clicktwo points = create rope between points❗A rope must always connect to 2 points -
When the simulation is playing, the created obstacles can be moved around. The effects of the WIND can also be seen on the objects:
▶️ click+ drag point = move connected body
For other information, check out the MISCELLANEOUS section
There are 3 different types of points that can be created - normal, locked and obstacle points.
⚪ Normal points are the moving parts of a rope object. They can be connected to other normal or locked points and are affected by gravity.
🔴 Locked points are the anchors of a rope object. While they can be connected to other normal or locked points, they are not affected by gravity and remain constrained in place.
⚫ Obstacle are barriers that the other points collide against. Note that only points collide with obstacles while any connected rope passes through. Obstacles are neither affected by gravity nor can be connected to any type of point.
Clicking the canvas creates a new normal point. This point can then be toggled between locked or obstacle points by clicking using the appropriate keys.
A cloth is essentially a grid of ropes with a few locked points in the first row. These ropes and points behave in exactly the same manner as they normally do. To create a cloth of specfic dimensions, click on the CLOTH button, select the number of rows using the first toggle and columns using the second toggle and confirm the selection by re-selectingCONFIRM button.
Wind influences all normal points. The magnitude of the wind can be adjusted using the 2D slider in the controls. To reset the wind, the WIND button can be clicked!
- Resizing the browser window at any time will reset the simulation.
- The closer the points are to each other, the more realistic is their movement.