如何将实体或几何体裁剪到地形的下方

时间:2018-11-13 08:47:51

标签: javascript cesium

我正在使用Cesium.Globe裁剪平面提取方形地理部分。但是一个问题是,没有绘制地形背面,这在用户选择浅视角时显得怪异。

Shallow View

我认为隐藏此内​​容的一种方法是将“土壤”渲染为地形下的盒子或墙,但是我需要盒子或墙的顶部以确认地形的几何形状(红线)。 我认为可以通过在选中的地形周围使用WallGeometry而不是盒子来实现此目的,并根据sampleTerrain调用的结果设置每个部分的高度。

但是我想知道Cesium是否不能提供一种更简单,更清洁的方式来做到这一点。 (例如某些布尔联合函数之类的东西)

Cut out box

Cesium Sandcastle link

var viewer = new Cesium.Viewer('cesiumContainer', {
        skyAtmosphere: false,
        shouldAnimate : true,
        terrainProvider: Cesium.createWorldTerrain()
    });
var globe = viewer.scene.globe;

var position = Cesium.Cartographic.toCartesian(new Cesium.Cartographic.fromDegrees(-113.2665534, 36.0939345, 100));
var distance = 3000.0;

globe.clippingPlanes = new Cesium.ClippingPlaneCollection({
    modelMatrix : Cesium.Transforms.eastNorthUpToFixedFrame(position),
    planes : [
        new Cesium.ClippingPlane(new Cesium.Cartesian3( 1.0,  0.0, 0.0), distance),
        new Cesium.ClippingPlane(new Cesium.Cartesian3(-1.0,  0.0, 0.0), distance),
        new Cesium.ClippingPlane(new Cesium.Cartesian3( 0.0,  1.0, 0.0), distance),
        new Cesium.ClippingPlane(new Cesium.Cartesian3( 0.0, -1.0, 0.0), distance)
    ],
    unionClippingRegions : true,
            edgeWidth:3,
    edgeColor: Cesium.Color.RED,
    enabled : true
});
var rockBox = viewer.entities.add({
    name : 'RockBox',
    position: Cesium.Cartesian3.fromDegrees(-113.2665534, 36.0939345, 900),
    box : {
        dimensions : new Cesium.Cartesian3(distance*2, distance*2,800.0),
        material : Cesium.Color.GRAY.withAlpha(0.4),
        outline : true,
        outlineColor : Cesium.Color.GRAY
    }
});
var waterTable = viewer.entities.add({
    name : 'WaterTable',
    position: Cesium.Cartesian3.fromDegrees(-113.2665534, 36.0939345, 440),
    box : {
        dimensions : new Cesium.Cartesian3(distance*2, distance*2, 160.0),
        material : Cesium.Color.BLUE.withAlpha(0.9),
        outline : true,
        outlineColor : Cesium.Color.BLUE
    }
});

viewer.zoomTo(viewer.entities);

1 个答案:

答案 0 :(得分:1)

在更新的 CesiumGS 版本(当前为1.72)中,我们通过公共API显示地形的背面,如下所示:

viewer.scene.globe.backFaceCulling = false;