推荐用于折纸式折纸动画的JS库

Question

我想使用WebGL或Canvas（没有Flash！）创建类似折纸的纸张折叠动画。 我想要重现的效果类似于video here中的效果。

对于多维数据集，最终动画的清晰视图可以表示如下：

我试图使用three.js库，但我无法找到一种方法来为THREE.Mesh的单个脸部制作动画。我也尝试过简单的CSS3动画，但是使用超过6个面来制作实体非常困难 - 因为不可能在2个或更多个面之间创建关系。

任何人都可以推荐其他JS库吗？或者有没有办法用three.js实现这一目标？ 当然，如果有一种方法可以让它只使用canvas2d，那将会很棒 - 但我认为这是不太可能的！

Answer 1

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

http://www.oak3d.com/

......但我不知道这是否可行。有三个（或至少有）支持皮肤，但从3D程序中获取数据并非易事，动画播放是有限的。

Answer 2

如果您使用Maya作为3D程序，请尝试www.inka3d.com。然后你可以简单地通过将顶面面向前面以及所有侧面面向地面（每个都是一个平面物体）进行动画制作，然后装箱一些关键帧。然后添加一个摄像头，“导出所有...”然后你就完成了

Answer 3

我建议http://oridomi.com/作为灵感。它提供基本的折叠动画。