Cesium 1.91 更新日志 - MSAA 与原生 Promise 来了


不兼容式更新📣

  • 在下一个版本,也就是 Cesium 1.92,第三方库 when.js 将被原生 Promise API 代替。Cesium.when 将被废弃,且于下个版本移除。关于如何升级,请参考下方个人点评,我转载了官方指导文档。
  • 修复了当 Scene 没有渲染时(例如 css 样式设为 none)相机对象的获取射线方法(camera.getPickRay())引发的异常,这个函数会返回 undefined 了。

新增🎉

  • 为 WebGL 2.0 添加 MSAA(多重采样抗锯齿)支持。你可以在创建 Viewer 时传递 msaaSamples 选项,也可以用 Scene.msaaSamples 属性控制。
  • 现在,glTF 模型默认使用 ModelExperimental 架构处理。
  • ModelExpertimental 架构中支持切换背面裁剪。
  • 向 Viewer 和 Scene 类的构造参数中添加 depthPlaneEllipsoidOffset,以解决椭球体平面之下的奇怪渲染问题
  • ModelExperimental 架构中支持了 debugColorTiles
  • ModelExperimental 架构中支持了阴影
  • 在所有的矩阵类中添加了 packArrayunpackArray 方法
  • 为矩阵类添加一些仿射变换帮助函数
    • Matrix2:setScalesetUniformScalesetRotationgetRotationmultiplyByUniformScale
    • Matrix3:setScalesetUniformScalesetRotationmultiplyByUniformScale
    • Matrix4:setUniformScalesetRotationgetRotationfromRotation
  • AxisAlignedBoundBox 类添加 fromCorners 方法
  • BoundingSphere 类添加 fromTransformation 方法
  • OrientedBoundingBox 类添加 fromTransformationcomputeCOrnerscomputeTransformation 方法
  • Rectangle 类添加 subsection 方法
  • glTF 的版权信息会标注至版权区域
  • 为 3D Tiles 增加一个选项,它可以决定数据集的版权信息是否显示在屏幕上
  • 修改了版权排序规则为出现的频率

问题修复🔧

  • 修复了使用 ModelExperimental 架构的模型在更新其模型矩阵时不会更新范围球的错误
  • 修复了在 Safari 浏览器中 FeatureID 纹理的伪影
  • 修复了使用 ModelExpertimental 架构的不透明模型使用半透明着色器,但是未正确渲染的错误

个人点评🖊

① MSAA

MSAA 就不用说了,推荐条件不错的机器都开,配合 FXAA 提升显示效果。

const viewer = new Viewer('cesiumContainer', {
  msaaSamples: 4 // 1, 2, 4, 8, 默认 1, 越高效果越好, 也越吃性能
})
viewer.postProcessStages.fxaa.enabled = true

二者有什么区别?

  • msaa 发生在管线结束前,准确的说是光栅化阶段对片元进行多重采样,输出到渲染缓冲,然后才绘制到屏幕上
  • fxaa 发生在管线结束后的后处理阶段,对渲染的结果进行图像算法处理

MSAA 在 WebGL 2.0 才有,WebGPU 原生就支持。目前 WebGPU 尚不成熟,WebGL 2.0 前阵子才刚刚完全适配所有主流浏览器,所以 Cesium 对抗锯齿效果的 MSAA 功能支持就比较慢。

② 相机获取射线

获取射线的函数现在返回值类型发生了改变

const ray = viewer.camera.getPickRay() // Ray 或 undefined

③ ModelExperimental

即实验中的 Model,是对原有 Model 类的架构升级,这是为了适配更强大的 glTF,以及为下一代 3D Tiles 准备的。

预计 2022 年这个新架构会转正。

④ 逐渐 ES6

细心的朋友也许观察到了,源代码已经把 var 切换至 let/const 声明变量了。在下一个版本(1.92),CesiumJS 有计划地将第三方异步库 when.js 替换为 ES6 原生 Promise 实现。不过,距离源代码完全使用 async/await 估计还有一段路要走。

关于迁移 Cesium.when,官方是这么说的:

  • 移除所有使用了 Cesium.when 的代码
  • Cesium.defer 代替了 when.defer
  • Promise.all 代替了 when.join
  • 在 Promise 链式调用中,catch 代替了 otherwisefinally 代替了 always;如果你用 async/await 而不是 Promise 链,那这里不需要改变

除此之外,还希望官方团队完成 ES6 的 class、模板字符串的转换。

热门相关:无量真仙