This is pretty great! To the creator(s) if they’re around in here: if you’ve ever dreamed of a smooth, unified transition between the product’s actual scan .svg and the 3D simulation[1], I have some old code[2] for simulating origami paper folding in three.js that could handle this elegantly. It works by drawing faces based on rotating springs at each edge, anchored at two points each and executed in a (hierarchical) procedure.

The repo’s in a messy state of primarily-artificial cleanup atm (fml tbh, btw) but it should be trivial to pull out the parts you’d need for a one-off & one-step sim like this.

Apologies if obvious lol — it’s getting harder and harder these days to judge that

[1] obviously get why you’re not loading 3D on pageload, so worth pointing out that the same might be possible here with a clever .svg<->.ts swap.

[2]: https://gitlab.com/doering-ai/apps/origami