cesium之平面裁切

刺骨的言语ヽ痛彻心扉 2022-03-14 10:24 604阅读 0赞

### 3D Tiles裁切 ###

简单案例：创造一个通过模型中心点的法线向下的裁切平面，如图所示：黄色部位为被裁剪的部位。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FsaXNhX2xpc2E_size_16_color_FFFFFF_t_70]

*  代码

let clippingPlanes = new Cesium.ClippingPlaneCollection({ 
        planes: [
            new Cesium.ClippingPlane(new Cesium.Cartesian3(0.0, 0.0, -0.1), 0.0)
        ],
        unionClippingRegions: true,
        edgeColor: Cesium.Color.RED,
        edgeWidth: 1
    })

// 设置模型的裁切平面clippingPlanes
    this.tileset = this.viewer.scene.primitives.add(new Cesium.Cesium3DTileset({ 
        url: '../../static/Cesium/Assets/Models/' + this.url, 
        dynamicScreenSpaceError: true,
        cullWithChildrenBounds: false,
        skipLevels: 0,
        maximumScreenSpaceError: 0, 
        clippingPlanes: clippingPlanes//添加裁切
    }))

# 相关API #

### ClippingPlaneCollection ###

*  指定一组剪裁平面 。
 *  通常，剪裁平面的坐标是相对于它们所附着的对象，因此距离设置为0的平面将剪切穿过对象的中心。
 *  **平面的法向**，如果法线向下，以平面为界限，相反方向都是外部，如图所示：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FsaXNhX2xpc2E_size_16_color_FFFFFF_t_70 1]

*  平面法向所在坐标系是以正东方为x轴正方向，正北方为y轴正方向，正上面为z轴正方向的坐标系  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FsaXNhX2xpc2E_size_16_color_FFFFFF_t_70 2]

<table> 
 <thead> 
  <tr> 
   <th>参数</th> 
   <th>注释</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>planes</td> 
   <td>用于在每个平面的外部选择性地禁用渲染的对象数组</td> 
  </tr> 
  <tr> 
   <td>edgeColor</td> 
   <td>应用的颜色用于突出显示剪切对象的边缘，就是测试阶段能让你看到剪切的位置</td> 
  </tr> 
  <tr> 
   <td>edgeWidth</td> 
   <td>应用于剪裁对象的边缘的高光的宽度（以像素为单位）</td> 
  </tr> 
  <tr> 
   <td>unionClippingRegions</td> 
   <td>如果为true，则所有平面外部（法向的反方向）都被剪切。否则，只有区域位于每个平面的外侧，才会剪切区域，就是所谓切片的交集</td> 
  </tr> 
 </tbody> 
</table>

**如图所示**：黄色区域就是交集，原谅我的图画的好丑啊QAQ…

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FsaXNhX2xpc2E_size_16_color_FFFFFF_t_70 3]

### ClippingPlane ###

*  创建一个裁切平面，设置平面的法线方向和从原点到平面的最短距离，裁切平面会经过原点，
 *  如果距离为正，则原点在法向的方向上；如果距离为负，则原点在法向反方向上；
 *  如果距离为零，原点在模型的正中心，如下图所示。  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FsaXNhX2xpc2E_size_16_color_FFFFFF_t_70 4]

[ 官方案例][Link 1]

![在这里插入图片描述][20190304115132973.jpg]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FsaXNhX2xpc2E_size_16_color_FFFFFF_t_70]: /images/20220313/86af0d66a09546f39e2a68133a033761.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FsaXNhX2xpc2E_size_16_color_FFFFFF_t_70 1]: /images/20220313/231f5cf4d9b64f9bbcf83be9b6154854.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FsaXNhX2xpc2E_size_16_color_FFFFFF_t_70 2]: /images/20220313/4357f314ab064519b9c146d9b0d94561.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FsaXNhX2xpc2E_size_16_color_FFFFFF_t_70 3]: /images/20220313/041ea607de8f4be2b739a2ab0cea1533.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FsaXNhX2xpc2E_size_16_color_FFFFFF_t_70 4]: /images/20220313/6ddbbf0d03d146288eebe48cba00fe1e.png
[Link 1]: https://cesiumjs.org/Cesium/Build/Apps/Sandcastle/?src=3D%2520Tiles%2520Clipping%2520Planes.html
[20190304115132973.jpg]: /images/20220313/af53a294315d4c298d1b710304e5d709.png