zalo / tetsim

Javascript Tetrahedral FEM Simulation

TetSim

Simulate Tetrahedral FEM Models in your browser in real-time using the GPU!

This repo contains two proof-of-concept demos:

CPU Sim

This one is a plain rehosting of Miles Macklin and Matthias Müller's A Constraint-based Formulation of Stable Neo-Hookean Materials demo.
I've broken the script into several ES6 Module pieces with the intention of improving reusability.

GPU Sim

This one rewrites the entire simulation as a set of GPU passes on Render Textures (gaining a ~20x speedup). This does NOT use the Neohookean energy/constraint function. This is because the Neohookean function only converges well with Gauss-Seidel iterations (which are tricky to implement on the GPU (see: Graph Coloring), and especially tricky to implement for this example dragon mesh, which has vertices with over 30 connecting tetrahedra). Instead, this simulation uses Matthias Müller's Robust Polar Decomposition on the tetrahedra, which converges much faster (and with GPU-friendly Jacobi Iterations).

• 20x faster
• Even works on Mobile Devices (though Android devices behave strangely)
• Not physically correct (doesn't incorporate deltaTime properly yet)

Building

This demo can either be run without building (in Chrome/Edge/Opera since raw three.js examples need Import Maps), or built with:

npm install
npm run build

After building, make sure to edit the index .html to point from "./src/main.js" to "./build/main.js".

Dependencies

• three.js (3D Rendering Engine)
• esbuild (Bundler)

tetsim's Issues

How can I build the project?

Thanks for your great work. I tried to build the repo. But the main.html still doesn't show anything.

I build the repo in 2 steps:

1. npm install
2. npm run build

The three.js (3D Rendering Engine) and esbuild (Bundler) is under the node_modules directory.

Could you write a build step tutorial in README.md?

Thanks！

Cloth GPU sumulation

Hey,

i see your fantastic work in physx-jni repo, would it be possible to use this GPU simulation for cloth?

like this webgl2 demo https://github.com/TimvanScherpenzeel/Thesis

I have a data problem

First of all thank you very much，How is this data generated

Thank you very much for your reply