时间戳

首页 > 解决方案 > 如何将实体或几何体裁剪到地形的底部

javascript - 如何将实体或几何体裁剪到地形的底部

问题描述

我正在使用 Cesium.Globe 剪裁平面来提取方形地理部分。但是一个问题是地形背面没有被渲染，这使得当用户选择一个浅视角时它看起来很奇怪。

浅景

我认为隐藏它的一种方法是将“土壤”渲染为地形下方的盒子或墙壁，但我需要盒子或墙壁的顶部来确认地形几何形状（红线）。我想我可以通过在剔除地形周围使用WallGeometry而不是框来实现这一点，并根据sampleTerrain调用的结果设置每个部分的高度。

但我想知道铯是否没有提供一种更简单、更清洁的方法来做到这一点。（比如一些布尔联合函数或其他东西）

剪出盒子

铯沙堡链接 

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);

标签： javascriptcesium

解决方案

在更新的 CesiumGS版本（当前为 1.72）中，我们通过公共 API 显示地形的背面，如下所示：

viewer.scene.globe.backFaceCulling = false;

推荐阅读