Cesium中文教程-3D模型(3D Models)

最新推荐文章于 2025-07-05 18:05:05 发布

ND_DoYouService

最新推荐文章于 2025-07-05 18:05:05 发布

阅读量5.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Cesium中文教程文章标签： Cesium中文教程 javascript

本文链接：https://blog.youkuaiyun.com/newston/article/details/117870258

本文档详细介绍了如何在Cesium中加载和使用3D模型，包括快速入门、动画操作、模型选择、COLLADA到glTF的转换以及故障排查。通过实例展示了如何加载地面车辆模型，并播放内置动画，同时提供了Mac和Windows平台的故障解决建议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

3D模型(3D Models)

本章将介绍如何通过cesium原始API对3D Models进行转化、加载和使用。如果是刚开始学习Cesium，可以先跳到空间数据可视化章节

Cesium支持使用glTF的关键帧动画、皮肤和人体节点挑选，glTF是一种由科纳斯组织（WebGL与COLLADA的联合）新兴起来的工业级web 3D模型格式

Cesium可以使用一些现有的二进制glTF模型：

①螺旋桨转动的飞机；

②轮子转动的地面车辆；

③循环走步的人；

④热气球；

⑤一辆牛奶卡车（包括Draco-compressed牛奶卡车）。

这些模型都有各自的存放目录Apps/SampleData/models。大多数有原始的COLLADA文件（.dae），glTF文件（.gltf）或者二进制的glTF文件（.glb）。Cesium apps中原始的COLLADA文件不需要使用。

开始code代码加载这些模型，首先在沙堡（Sandcastle）中打开Hello World样例。在var viewer = ... 下面增加scene变量。

var scene = viewer.scene;

然后，通过Cesium.Model.fromGltf来加载地面车辆模型，代码如下：

var modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(  
    Cesium.Cartesian3.fromDegrees(-75.62898254394531, 40.02804946899414, 0.0));  
var&

200万优质内容无限畅学