babylonjs 分部加载模型_基于babylon3D模型研究3D骨骼动画（1）

3D骨骼动画是实现较为复杂3D场景的重要技术，Babylon.js引擎内置了对骨骼动画的支持，但Babylon.js使用的骨骼动画的模型多是从3DsMax、Blender等3D建模工具转换而来，骨骼动画的具体生成方式被透明化。本文从babylon格式的3D模型文件入手，对骨骼动画数据的生成方式进行具体分析，并尝试建立一个简易的3D骨骼动画生成工具。

一、模型文件分析

我们从Babylon.js官方网站上的一个骨骼动画示例开始分析：

(示例地址：https://www.babylonjs-playground.com/frame.html#DMLMIP#1)

下载示例中的3D模型dummy3.babylon文件后，在JSON工具中展开：

(使用的JSON工具是bejson在线工具，地址：https://www.bejson.com/jsoneditoronline/)

可以看到，这个模型文件中包含了作者信息、背景色、雾效、物理效果、相机、光照、网格、声音、材质、粒子系统、光晕效果、阴影效果、骨骼、行为响应、额外信息、异步碰撞运算标志等场景信息。(也许称之为“场景文件”更合适)

我们主要关注其中与骨骼动画有关的网格数据和骨骼数据，展开网格数据：