textile wave
A free cloth simulation — play it in your browser, no install. Real-time XPBD (Small Steps) cloth simulation in WebGPU compute shaders — plain JavaScript, no dependencies.
Vote and save it — continue with GitHub or sign in free
Made this, @igor-polev? See how many people played it → or use email
GitHub asks to share your profile and email with us. We never post anything.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubFrom the README
A simple real-time simulation of textile dynamics, made to test the XPBD modelling method. A square piece of cloth is held at its four corners, and a vertex at its centre moves up and down as a sine wave. The physics runs on the GPU in WebGPU compute shaders.
(Macklin et al., 2019), the substep modification of XPBD. The shader comments refer to it as SSX.
8 neighbours by distance constraints: 4 along the grid edges and 4 along the diagonals.
zero inverse mass, so the constraints do not move them.
with one XPBD iteration per substep. The frame time step is the measured time between frames.
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
- webgpu fluid sim Real-time GPU fluid simulation in JavaScript with WebGPU compute shaders.
avbd sandbox
Interactive Augmented Vertex Block Descent physics sandbox with CPU and WebGPU backends
aetherflow
Real-time 3D GPU fluid laboratory — position-based fluids, screen-space refraction and photon-mapped caustics in a single dependency-free HTML file
stillroom
Interactive 3D cloth simulation built with React and Three.js. Drag a linen curtain, add wind, and cut fabric in a cozy room with real-time physics
shake shake beasts
Shockwave chain-merge physics puzzle game in one HTML file: knock the pile, beasts fly up, hard impacts merge. 15 levels, target scores tuned by bot…
fluid lab
浏览器里的实时流体模拟:零依赖 JavaScript 实现 Navier-Stokes(半拉格朗日对流 + SOR 压力投影 + 涡度增强),带交互式控制台和无依赖 Node 测试。
Made this?
Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.
Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.
