CesiumJS 源码解读

原文：Robust Polyline Rendering with WebGL – Cesium 原文发表时间：2013 年 4 月 22 日 原作者：Cesium 团队 Dan Bagnell 1.

书接上文，Scene.js 模块内的 render 函数会将控制权交给 WebGL，执行 CesiumJS 自己封装的指令对象，画出每一帧来。

API 回顾 在创建 Viewer 时可以直接指定 影像供给器（ImageryProvider），官方提供了一个非常简单的例子，即离屏例子（搜 offline）： 这个例子的影像供给器是 TMS 瓦片

CesiumJS 对需要网络请求的一切资源都进行了统一的封装，也就是 Resource 类。 在 XHR 技术横行的年代，就出现过 ajax 这种神器，但是 Cesium 团队选择了自己封装 XHR。

CesiumJS 有两种卷帘，一种是 ImageryLayer 的对比，一种是 3DTiles 或 Model 的对比。 官方示例均能找到，目前仅支持左右对比。 1. 核心原理 1.1. 影像图层对比

很高兴你能在浮躁的年代里还有兴趣阅读源代码，CesiumJS 至今已有十年以上，代码量也积累了三十多万行（未压缩状态）。 我也很荣幸自己的文章能被读者看到，如果对你有帮助、有启发，点个赞就是对我最大的

之前对实时渲染（RealTimeRendering）的殿堂就十分向往，也有简单了解过实时渲染中的光，无奈一直没能系统学习。鉴于笔者已经有一点 CesiumJS 源码基础，所以就抽了一个周末跟了跟源码

你知道吗？ Cesium 是元素 铯 的英文单词，而 铯原子钟 具有世界上最高的计时精度 时间，是时刻间隔的意思，时刻是静态的点；而时间就指有起止时刻的一段范围

2022 年，写原理类的文显得非常“蠢”，大家都想吃快餐，看效果。法克鸡丝老哥的系列博客思路跳跃很快，单步说明之间的信息量很大，需要消化很长时间才能啃完一篇文章，遂决定另开一个风格。

Entity API 通常会被拿来与 Primitive API 比较。它只需传入参数对象，就可以简单地创建三维几何体或者三维模型。

本篇涉及到的所有接口在公开文档中均无，需要下载 GitHub 上的源码，自己创建私有类的文档。 本篇当然不会涉及着色器算法讲解。 1. 对 WebGL 接口的封装 任何一个有追求的 WebGL 3D

三维模型架构（即 Scene/ModelExperimental 目录下的模块）有别于旧版模型 API（即 Scene/Model.js 模块为主的一系列处理 glTF 以及处理 3DTiles 点云

3DTiles 与 I3S 是竞争关系，可是比起生态开放性、数据定义的灵活性与易读性来说，3DTiles 比 I3S 好太多了。由于数据生产工具的开发者水平参差不齐，且数据并不存在极致的、万能的优化方