花了一天时间走了一遍Blender到THREE.js动画导出工作流,具体步骤如下:

  1. 先在Blender中建人物模型,由于WEBGL在浏览器上的处理能力有限,尽量降低模型复杂度。
  2. 对模型rigging创建骨骼动画,这里我创建了两段简单的动画,分别是奔跑和等待状态。
  3. 选定创建好的人物模型和骨骼导出,类型选择GLTF2.0文件格式(glTF Embeded)。

导出后文件大小大概在700k左右,然后用官方推荐的glTF Pipeline工具,对模型压缩转化为draco glTF格式,转换后的文件大小只有200k左右。

演示地址