经纬志
首页 / Cesium / 使用示例

建筑剖切框

审模时不需要整栋楼,只要关注的那一段。三个平面围一个框,框外自然消失。

CesiumJS 1.121 · 更新 2026-10-28
源码与运行效果
运行效果

这个示例在做什么

建筑被三个方向的裁剪平面围出一个「查看框」,框外部分被切掉,切口描黄边。 水平剖切面在 10–40 米之间上下移动,露出内部空间;蓝色虚线框是完整体量的参考线。

AEC 审模常用这种盒式剖切:只保留关注的一段,其余隐藏。 三个平面的 distance 定义盒子的边界,调任意一个就能改变查看范围。 参考线框用 fill: false 的盒体画出,帮助判断被裁掉多少。

关键接口

接口作用
ClippingPlaneCollection多平面组合,交集即保留区域
ClippingPlane.distance平面沿法向偏移,定义盒子边界
edgeColor / edgeWidth切口描边,剖面更清楚
box.fill: false只画线框,作为体量参考

可以直接改的地方

位置改什么效果
9 / 8 / 26(三个 distance)调大查看框变大,保留更多
10 + t * 30改成固定 30剖面停在中间不动
0, 0, -1换成 0, 0, 1改成从下往上剖
edgeWidth: 2改成 0取消切口描边

替代说明:官方示例对 AEC 建筑模型做盒式剖切与构件隔离。 这里用代码生成的 GLB 承载同一套裁剪集合;换成真实建筑模型时, 平面定义与描边参数不变。