Cesium 线闪烁

### Cesium 中线闪烁问题解决方案

在 Cesium 中遇到线条闪烁的问题通常与渲染管线中的深度测试和混合模式有关。为了有效解决这一现象，可以采取多种方法来优化显示效果。

一种常见的策略是在创建 `Polyline` 或者 `Primitive` 对象时调整其属性设置。通过禁用深度检测或修改透明度处理方式能够显著减少视觉上的跳动[^1]：

viewer.entities.add({
    polyline: {
        positions: Cesium.Cartesian3.fromDegreesArray([
            -75.1641667, 39.9522222,
            -104.9903333, 39.7391667
        ]),
        width: 5,
        material: new Cesium.ColorMaterialProperty(Cesium.Color.RED.withAlpha(0.8)),
        depthFailMaterial: new Cesium.ColorMaterialProperty(Cesium.Color.RED.withAlpha(0.8)), // 解决Z-fighting
        clampToGround: true
    }
});

另外，在某些情况下增加多边形偏移 (Polygon Offset) 可以防止近似平面之间的相互遮挡干扰，从而缓解此类图形伪影的发生[^2]:

const primitive = viewer.scene.primitives.add(new Cesium.Primitive({
    geometryInstances : new Cesium.GeometryInstance({
        geometry : new Cesium.PolylineGeometry({
            positions : Cesium.Cartesian3.fromDegreesArray([/*...*/]),
            width : 5
        })
    }),
    appearance : new Cesium.PerInstanceColorAppearance(),
    modelMatrix : Cesium.Matrix4.IDENTITY,
    classificationType : Cesium.ClassificationType.TERRAIN | Cesium.ClassificationType.BOTH,
    polygonOffsetFactor : 1,      // 设置多边形偏移因子
    polygonOffsetUnits : 1       // 设置多边形偏移单位
}));

对于更复杂的场景，考虑使用自定义着色器来自定义片段颜色计算逻辑也是一个不错的选择。这允许开发者完全掌控如何绘制每一像素的颜色值，进而从根本上消除不必要的闪烁效应[^3]。