我的收藏

还没有收藏的工具,点击工具页面的书签按钮添加收藏。

布料模拟

用 Verlet 积分模拟悬挂的布料,随重力垂坠,可拖拽牵动并加风。

一块用 Verlet 积分模拟的布料悬挂在顶部,随重力自然垂坠。按住并拖动可牵动布料,点击“风”让它随风摆动。

About Cloth Simulation

Cloth Simulation is an interactive fluids & physics effect. Verlet integration simulates a hanging cloth draping under gravity; drag to pull it and add wind. Manipulate physical parameters and watch the simulation respond instantly. The physics engine computes forces, velocities, and interactions in real-time for realistic behavior. This effect runs directly in your browser using HTML5 Canvas, with no downloads or plugins required.

How to Interact

Move your mouse to disturb the fluid or interact with physical objects. Click and drag to create ripples, push elements, or redirect flow. Adjust parameters in real-time to change simulation behavior.

Technical Details

Powered by real-time physics simulation on HTML5 Canvas. Uses numerical integration methods for fluid dynamics, Verlet integration for cloth, or per-pixel computation for fire effects. All computation happens client-side.

Use Cases

Great for studying physics simulations, creating ambient backgrounds, generating satisfying visual content for social sharing, or as reference for game development physics implementation.