Tearable Cloth Simulator
Drag the cloth to tear it, wrap it with your own image, and burn it with the flamethrower.
Introduction
The Tearable Cloth Simulator is an interactive playground where a Verlet-physics grid of cloth can be dragged with the mouse, torn apart by pulling hard, sliced with a right-click drag, and wrapped with any image so you can watch it stretch and fold in real time. When you drop in a picture, a WebGL shader estimates the light and shadow of each folded face so the fabric catches light like real cloth, and the flamethrower mode sets it alight so the fire climbs upward, chars the threads, and burns holes through the sheet.
Tearable Cloth Simulator is structured as a practical moduhub work surface for people who need to an interactive simulator where you drag, tear, texture with images, and set fire to verlet-physics cloth and also understand how to read the result before acting on it. Utility tools tend to be opened in the middle of a real task, so the page explains when to trust the output, when to rerun it, and when to switch to a stricter process.
Typical situations include the following. Keep it open for a quick break when you want to pull and tear cloth and enjoy the physics response. Use it to wrap your own photo as fabric and capture or share how it stretches, folds, and burns. A typical flow is straightforward: Drag the cloth with your mouse to pull it, and pull hard to snap the threads and tear it. Right-click and drag to slice along a line, and add a photo through the upload button, drag and drop, or paste (Ctrl+V) to wrap it onto the cloth. Turn on the flamethrower button and brush over the cloth to ignite and spread fire, then reset at any time to start over. Each grid node is advanced with Verlet integration and held together by structural and bending springs, and a spring that stretches beyond its limit snaps to produce a tear. In image mode the texture is mapped per triangle and a pseudo-normal is estimated from local deformation so a WebGL shader can shade the folds. The physics and burning are approximations for visual play and do not precisely model real fabric or combustion. With a dense grid or many particles, frame rate can drop on lower-end devices.
How to Use
- Drag the cloth with your mouse to pull it, and pull hard to snap the threads and tear it.
- Right-click and drag to slice along a line, and add a photo through the upload button, drag and drop, or paste (Ctrl+V) to wrap it onto the cloth.
- Turn on the flamethrower button and brush over the cloth to ignite and spread fire, then reset at any time to start over.
Best For
- Keep it open for a quick break when you want to pull and tear cloth and enjoy the physics response.
- Use it to wrap your own photo as fabric and capture or share how it stretches, folds, and burns.
How It Works
- Each grid node is advanced with Verlet integration and held together by structural and bending springs, and a spring that stretches beyond its limit snaps to produce a tear.
- In image mode the texture is mapped per triangle and a pseudo-normal is estimated from local deformation so a WebGL shader can shade the folds.
What to Keep in Mind
- The physics and burning are approximations for visual play and do not precisely model real fabric or combustion.
- With a dense grid or many particles, frame rate can drop on lower-end devices.
Frequently Asked Questions
Can I use my own image as the cloth?
Yes. You can add an image three ways — the upload button, drag and drop, or pasting from the clipboard (Ctrl+V) — and it is mapped onto the cloth grid as a texture that stretches, folds, and tears with the fabric.
Where does my image go? Is it stored on a server?
Uploaded images are never sent to a server; everything runs inside your browser. They disappear when you refresh the page, so you can experiment with personal photos without worry.
How does the flamethrower work?
In flamethrower mode, brushing over the cloth ignites the points you touch. Fire spreads faster upward and burns at different rates across the sheet; once a spot is fully charred the thread snaps and leaves a hole.
Does it work with touch on mobile?
Yes. You can pull and tear the cloth by touch, and the cloth and canvas rebuild to fit the screen size. WebGL performance may vary depending on the device.
Related Keywords
- tearable cloth simulation
- cloth physics simulator
- verlet cloth simulation
- interactive cloth animation
- image cloth effect
Related Services
Color Vision Test
Find the one tile with a slightly different color in the grid to test your color perception.
UtilityDaily Fortune Cookie
Tap a fortune cookie or four-leaf clover to reveal a playful daily fortune.
UtilityRandom Roulette
Enter 2–10 options, spin the roulette, and share the result via link.