Every Toolkit

Cloth Simulation

Real-time cloth simulation with draggable corners; tweak gravity and wind

Cloth Physics

Left-click and drag to interact • Right-click to tear (if enabled)

Controls

Stats

Points:961
Constraints:1,800
Gravity:0.50
Wind:0.0
Running:Yes

About Cloth Simulation

Real-Time Physics Simulation

Experience a real-time cloth physics simulation using Verlet integration and constraint solving. The cloth is made up of 961 points connected by 1,800 constraints, creating realistic fabric behavior.

Features

  • 961 simulation points (31x31 grid)
  • 1,800 distance constraints
  • Verlet integration for physics
  • Adjustable gravity (0-2)
  • Wind force (-5 to +5)
  • Draggable cloth interaction
  • Tearable cloth mode
  • Pinned corners (red dots)
  • Real-time rendering
  • Constraint solving (3 iterations)

Controls

  • Left Click + Drag: Pull and interact with cloth
  • Right Click: Tear cloth (if tearable mode is on)
  • Gravity Slider: Adjust downward force
  • Wind Slider: Add horizontal wind force
  • Play/Pause: Control simulation
  • Reset: Restore initial state

Physics Algorithm

  • Verlet Integration: Position-based dynamics
  • Constraint Solving: Distance constraints between points
  • Damping: 0.99 velocity damping for stability
  • Collision: Canvas boundary constraints
  • Iterations: 3 constraint solving passes per frame

Use Cases

  • Physics simulation learning
  • Game development prototyping
  • Soft body dynamics study
  • Interactive demonstrations
  • Canvas animation experiments

You Might Also Like

Explore more tools in this category

Line Chart Creator
Create beautiful line charts with multiple series and customizable options
Histogram Generator
Create histograms with frequency distributions and customizable colors
Heatmap Creator
Create beautiful heatmaps with customizable color schemes and data visualization
Bubble Chart Maker
Create beautiful bubble charts to visualize multi-dimensional data
Area Chart Builder
Create beautiful area charts with customizable data, multiple series, and export options
Pie Chart Maker
Create interactive pie charts by entering values and labels, export as PNG
Bar Graph Generator
Generate bar charts with customizable labels, colors, and axes
Venn Diagram Generator
Create and customize 2 or 3-circle Venn diagrams
Tree Diagram Builder
Create org charts, family trees, and decision trees with collapsible nodes