Canvas 推荐用于折纸类折纸动画的JS库

我想创建一个折纸一样的折纸动画使用WebGL或画布（没有闪光灯！）。 我想复制的效果与中的效果类似

对于立方体，最终动画的清晰视图可以表示为：

我试图使用该库，但我找不到一种方法来为一个三点网格的单个面设置动画。我还尝试了简单的CSS3动画，但如果要为6个以上的面制作实体动画会非常困难，因为不可能在2个或更多的面之间创建关系

有人可以推荐其他JS库吗？或者有没有办法用three.js实现这一点？

---

当然，如果有一种方法可以让它只使用canvas2d工作那就太好了——但我认为这不太可能

我不确定哪种框架最好，但我认为最好使用支持蒙皮网格和动画播放的框架。快速搜索给出了

---

…但我不知道这是不是一条路。其中三个支持（或至少支持）蒙皮，但从3D程序中获取数据并不是件小事，动画播放受到限制

如果使用Maya作为3D程序，请尝试www.inka3d.com。然后，只需将顶面设置为前面的子对象，将所有侧面设置为地板的子对象（每个面都是平面对象），并放置一些关键帧，即可在maya中为其设置动画。然后添加一个摄像头，执行“导出所有…”操作，您就完成了

我建议您从中获得灵感。它提供了基本的折叠动画。

只是一个想法——听起来像是你在创建一个立方体，想给这些面设置动画。如果创建6个矩形棱镜（只有6个厚度为0或接近0的立方体），并将每个面作为单独的对象设置动画，会怎么样？也许你可以抽象出处理N个面的3D形状的过程？是的，它可以工作…一旦我可以制作一个工作演示，我会在这里发布它…不过，最好是在JS中实现本机动画，而不首先使用3D程序…你很可能能够抓取蒙皮网格的骨骼并在JS中制作动画。而且现在是日本的墓地网站，现在是中国的橡胶交易市场