何为天际线分析，指天空与观察点周围的表面以及要素相分离的界线，可根据观察点，生成当前场景窗口中建筑物顶端边缘与天空的分离线。借助分离线可以直观发现不和谐的建筑体1。实际应用于城市规划设计中的建筑物限高分析、分析建筑物对天际线的影响等。1
这个功能我之前用Cesium的边缘检测来实现（👀 demo），但是后来项目组提出效果有点简陋，必须对天际线段进行量化显示，还给我看了超图Cesium发行版的实现案例。
超图实例中2，不仅可以在场景内显示天际线，还可以额外显示一个天际线的二维线段图表。
想要绘制天际线图表，那么必须获取天际线的坐标，继续沿用边缘检测是不行的，需要换个新思路。在超图案例里，天际线分析属于其发行版的特色功能，被直接集成到框架内，无法正常查看源码从而了解具体的实现过程。
在这里，我记录一个获取天际线坐标的思路——借用深度图来实现，即获取当前相机的深度图，然后由上到下，由左及右遍历，忽略天空部分，仅保留深度图（n列 * m行）每一列中第一个非天空区域部分的值，得到的部分就是天际线。
然后对于场景内绘制的天际线，可以沿用之前的边缘检测，或者可以直接将深度图里的天际线坐标转为世界坐标，然后逐一连成线段。相比于前者，后者其实还能延伸拓展更多的交互，比如高亮建筑物与天空的交点或者实现图表和场景联动等。
下图为具体实现效果：
我已将其写成一个npm包，开源在GitHub
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。