Cesium中级教程6 - 3D Models 三维模型

Cesium中文网：http://cesiumcn.org/ | 国内快速访问：http://cesium.coinidea.com/
本教程将教您如何通过Primitive API转换、加载和使用Cesium中的三维模型。如果你是Cesium的新用户，可能需要阅读三维模型部分的(空间数据可视化教程)[https://cesium.com/docs/tutorials/creating-entities#3d-models],本系列教程中叫：”空间数据可视化“。

Cesium支持3D模型，包括关键帧动画、skinning(贴皮？)和独立节点选取，使用glTF，这是由Khronos Group（WebGL和COLLADA背后的联合体）为网络上的3D模型开发的一种新兴行业标准格式。Cesium还提供了一个基于网络的工具，将COLLADA模型转换为glTF，以便与Cesium一起优化使用。

快速入门

Cesium包括一些现成的二进制gLTF模型：

• 一个带有动画螺旋桨的飞机
• 带有动画车轮的地面车辆
• 带有皮肤周期行走的角色
• 热气球
• 一辆牛奶车（还包括Draco-compressed格式的牛奶车）

[外链图片转存失败(img-dqTLCPxt-1563172435593)(https://i.loli.net/2019/05/23/5ce66cb96666a37673.png)]

这些模型在Apps/SampleData/models中都有自己的目录。大多数将包括原始COLLADA文件（.dae）、glTF文件（.gltf）和/或 二进制glTF文件（.glb）。在Cesium应用程序中不需要使用原始的COLLADA文件。

让我们编写代码来加载这些模型。打开Sandcastle的Hello World示例。在第4行var viewer=…下，添加一个scene变量。

var scene = viewer.scene;

接下来，通过添加以下代码，使用glTF中的cesium.model加载地面车辆模型。

var modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(
    Cesium.Cartesian3.fromDegrees(-75.62898254394531, 40.02804946899414, 0.0));
var model = scene.primitives.add(Cesium.Model.fromGltf(