Clo3D 导出glb带动画

1.前言

        Clo3D的服装动画属于顶点动画，为了让服装动画在浏览器上播放需要导出glb格式。在此之前，导出过Alembic，然后导入Unity3D进行播放，但是浏览器不支持Alembic格式动画，所以想到导出glb格式，然后使用Three.js去加载。

2.导出glb

        在录制完服装动画后，选择文件--导出--gltf 2.0(GLB)。选择导出路径后，会弹出设置界面，需要勾选选项里的服装动画，如下图所示。注意：导出单位建议设置为厘米(cm)。

        导出成功后，打开glTF Viewer网站测试glb文件是否包含了动画。如果包含了动画，就会播放，并且右侧界面会有Animation，Morph Targets就是顶点动画。如下图所示。

3.注意事项

        为了让衣服在人物上穿起来，并且能动，这里用了人物和衣服动画一起播放的方案。

        把人物动画使用Blender导出glb，然后用Three.js加载，会发现人物动画与衣服动画出现了不同步的情况，人物动画总是比衣服动画慢。

        为了判断是否哪个动画造成了不同步问题。换个思路，既然glb不行，就直接用Three.js加载人物的fbx动画，会发现动画同步了。

        所以人物动画不能使用glb格式，改用fbx格式，至于衣服动画可以继续使用glb格式。为了统一我试过Clo3D直接导出fbx格式的衣服动画，但是动画会丢失。