@cesium/engine 10.0.0 → 10.1.0

package/Source/DataSources/PointGraphics.js

@@ -19,6 +19,7 @@ import createPropertyDescriptor from "./createPropertyDescriptor.js";
  * @property {Property | NearFarScalar} [translucencyByDistance] A {@link NearFarScalar} Property used to set translucency based on distance from the camera.
  * @property {Property | DistanceDisplayCondition} [distanceDisplayCondition] A Property specifying at what distance from the camera that this point will be displayed.
  * @property {Property | number} [disableDepthTestDistance] A Property specifying the distance from the camera at which to disable the depth test to.
+ * @property {Property | SplitDirection} [splitDirection] A Property specifying the {@link SplitDirection} split to apply to this point.
  */
 
 /**
@@ -51,6 +52,8 @@ function PointGraphics(options) {
   this._distanceDisplayConditionSubscription = undefined;
   this._disableDepthTestDistance = undefined;
   this._disableDepthTestDistanceSubscription = undefined;
+  this._splitDirection = undefined;
+  this._splitDirectionSubscription = undefined;
 
   this.merge(defaultValue(options, defaultValue.EMPTY_OBJECT));
 }
@@ -154,6 +157,14 @@ Object.defineProperties(PointGraphics.prototype, {
   disableDepthTestDistance: createPropertyDescriptor(
     "disableDepthTestDistance"
   ),
+
+  /**
+   * Gets or sets the Property specifying the {@link SplitDirection} of this point.
+   * @memberof PointGraphics.prototype
+   * @type {Property|undefined}
+   * @default SplitDirection.NONE
+   */
+  splitDirection: createPropertyDescriptor("splitDirection"),
 });
 
 /**
@@ -176,6 +187,7 @@ PointGraphics.prototype.clone = function (result) {
   result.translucencyByDistance = this._translucencyByDistance;
   result.distanceDisplayCondition = this.distanceDisplayCondition;
   result.disableDepthTestDistance = this.disableDepthTestDistance;
+  result.splitDirection = this.splitDirection;
   return result;
 };
 
@@ -217,5 +229,10 @@ PointGraphics.prototype.merge = function (source) {
     this.disableDepthTestDistance,
     source.disableDepthTestDistance
   );
+
+  this.splitDirection = defaultValue(
+    this.splitDirection,
+    source.splitDirection
+  );
 };
 export default PointGraphics;

package/Source/DataSources/PointVisualizer.js

@@ -10,12 +10,14 @@ import createBillboardPointCallback from "../Scene/createBillboardPointCallback.
 import HeightReference from "../Scene/HeightReference.js";
 import BoundingSphereState from "./BoundingSphereState.js";
 import Property from "./Property.js";
+import SplitDirection from "../Scene/SplitDirection.js";
 
 const defaultColor = Color.WHITE;
 const defaultOutlineColor = Color.BLACK;
 const defaultOutlineWidth = 0.0;
 const defaultPixelSize = 1.0;
 const defaultDisableDepthTestDistance = 0.0;
+const defaultSplitDirection = SplitDirection.NONE;
 
 const colorScratch = new Color();
 const positionScratch = new Cartesian3();
@@ -192,6 +194,11 @@ PointVisualizer.prototype.update = function (time) {
         time,
         defaultDisableDepthTestDistance
       );
+      pointPrimitive.splitDirection = Property.getValueOrDefault(
+        pointGraphics._splitDirection,
+        time,
+        defaultSplitDirection
+      );
     } else if (defined(billboard)) {
       billboard.show = true;
       billboard.position = position;
@@ -215,6 +222,11 @@ PointVisualizer.prototype.update = function (time) {
         time,
         defaultDisableDepthTestDistance
       );
+      billboard.splitDirection = Property.getValueOrDefault(
+        pointGraphics._splitDirection,
+        time,
+        defaultSplitDirection
+      );
       billboard.heightReference = heightReference;
 
       const newColor = Property.getValueOrDefault(

package/Source/DataSources/PositionProperty.js

@@ -112,13 +112,10 @@ PositionProperty.convertToReferenceFrame = function (
     return Cartesian3.clone(value, result);
   }
 
-  let icrfToFixed = Transforms.computeIcrfToFixedMatrix(time, scratchMatrix3);
-  if (!defined(icrfToFixed)) {
-    icrfToFixed = Transforms.computeTemeToPseudoFixedMatrix(
-      time,
-      scratchMatrix3
-    );
-  }
+  const icrfToFixed = Transforms.computeIcrfToCentralBodyFixedMatrix(
+    time,
+    scratchMatrix3
+  );
   if (inputFrame === ReferenceFrame.INERTIAL) {
     return Matrix3.multiplyByVector(icrfToFixed, value, result);
   }

package/Source/Renderer/AutomaticUniforms.js

@@ -1454,7 +1454,7 @@ const AutomaticUniforms = {
    * // Example: For a given roughness and NdotV value, find the material's BRDF information in the red and green channels
    * float roughness = 0.5;
    * float NdotV = dot(normal, view);
-   * vec2 brdfLut = texture(czm_brdfLut, vec2(NdotV, 1.0 - roughness)).rg;
+   * vec2 brdfLut = texture(czm_brdfLut, vec2(NdotV, roughness)).rg;
    */
   czm_brdfLut: new AutomaticUniform({
     size: 1,

package/Source/Renderer/UniformState.js

@@ -1305,19 +1305,13 @@ function setCamera(uniformState, camera) {
   );
 }
 
-let transformMatrix = new Matrix3();
+const transformMatrix = new Matrix3();
 const sunCartographicScratch = new Cartographic();
 function setSunAndMoonDirections(uniformState, frameState) {
-  if (
-    !defined(
-      Transforms.computeIcrfToFixedMatrix(frameState.time, transformMatrix)
-    )
-  ) {
-    transformMatrix = Transforms.computeTemeToPseudoFixedMatrix(
-      frameState.time,
-      transformMatrix
-    );
-  }
+  Transforms.computeIcrfToCentralBodyFixedMatrix(
+    frameState.time,
+    transformMatrix
+  );
 
   let position = Simon1994PlanetaryPositions.computeSunPositionInEarthInertialFrame(
     frameState.time,

package/Source/Scene/ArcGisMapService.js

@@ -4,7 +4,7 @@ import Resource from "../Core/Resource.js";
 
 let defaultTokenCredit;
 const defaultAccessToken =
-  "AAPTxy8BH1VEsoebNVZXo8HurEOF051kAEKlhkOhBEc9BmRcs5cw5x8CvIyg2oiotXJmY_GjoEUuuKAUvdWxusIx25kUy2AttkOs0FgosGzFJSsjafpWC40GiE5hiD0FLNSh3kxIW6w-5qqUQCEAwGY1t4yH7Fj-PjrkjPfSpw0_r2xF3lKLd0_LSmPWXCkYhqV1O67tWLNImHyr7SurJ92sA5YIG1pMJKEQU3Qv5k18p0g.AT1_sGbfSYDL";
+  "AAPTxy8BH1VEsoebNVZXo8HurEOF051kAEKlhkOhBEc9BmTRbx8gaNqtBYKRq3vEnwSKnwUE1aRn2Siyo0gHWzzPwpJd-ZUeTyDgQZPqW8C6pXNLOE3bRO6-Jz3NFmp-qNquqGBQTATcCHbNsL-h9CPyMMPGsTcUvzPlIInazMfkWJNbFmqJeSzPj_1DHshXa0XCfkQn5mVxlF2dFt10Mq2bGo0HkpdpXwNQdoGwdphsLoU.AT1_CpQKgEim";
 /**
  * Default options for accessing the ArcGIS image tile service.
  *

package/Source/Scene/Billboard.js

@@ -21,6 +21,7 @@ import HorizontalOrigin from "./HorizontalOrigin.js";
 import SceneMode from "./SceneMode.js";
 import SceneTransforms from "./SceneTransforms.js";
 import VerticalOrigin from "./VerticalOrigin.js";
+import SplitDirection from "./SplitDirection.js";
 
 /**
  * @typedef {object} Billboard.ConstructorOptions
@@ -49,6 +50,7 @@ import VerticalOrigin from "./VerticalOrigin.js";
  * @property {BoundingRectangle} [imageSubRegion] A {@link BoundingRectangle} Specifying the sub-region of the image to use for the billboard, rather than the entire image.
  * @property {DistanceDisplayCondition} [distanceDisplayCondition] A {@link DistanceDisplayCondition} Specifying the distance from the camera at which this billboard will be displayed.
  * @property {number} [disableDepthTestDistance] A number specifying the distance from the camera at which to disable the depth test to, for example, prevent clipping against terrain.
+ * @property {SplitDirection} [splitDirection] A {@link SplitDirection} Specifying the split property of the billboard.
  */
 
 /**
@@ -250,6 +252,11 @@ function Billboard(options, billboardCollection) {
   this._outlineWidth = defaultValue(options.outlineWidth, 0.0);
 
   this._updateClamping();
+
+  this._splitDirection = defaultValue(
+    options.splitDirection,
+    SplitDirection.NONE
+  );
 }
 
 const SHOW_INDEX = (Billboard.SHOW_INDEX = 0);
@@ -270,7 +277,8 @@ const DISTANCE_DISPLAY_CONDITION = (Billboard.DISTANCE_DISPLAY_CONDITION = 14);
 const DISABLE_DEPTH_DISTANCE = (Billboard.DISABLE_DEPTH_DISTANCE = 15);
 Billboard.TEXTURE_COORDINATE_BOUNDS = 16;
 const SDF_INDEX = (Billboard.SDF_INDEX = 17);
-Billboard.NUMBER_OF_PROPERTIES = 18;
+const SPLIT_DIRECTION_INDEX = (Billboard.SPLIT_DIRECTION_INDEX = 18);
+Billboard.NUMBER_OF_PROPERTIES = 19;
 
 function makeDirty(billboard, propertyChanged) {
   const billboardCollection = billboard._billboardCollection;
@@ -1072,6 +1080,24 @@ Object.defineProperties(Billboard.prototype, {
       }
     },
   },
+
+  /**
+   * Gets or sets the {@link SplitDirection} of this billboard.
+   * @memberof Billboard.prototype
+   * @type {SplitDirection}
+   * @default {@link SplitDirection.NONE}
+   */
+  splitDirection: {
+    get: function () {
+      return this._splitDirection;
+    },
+    set: function (value) {
+      if (this._splitDirection !== value) {
+        this._splitDirection = value;
+        makeDirty(this, SPLIT_DIRECTION_INDEX);
+      }
+    },
+  },
 });
 
 Billboard.prototype.getPickId = function (context) {
@@ -1567,7 +1593,8 @@ Billboard.prototype.equals = function (other) {
         this._distanceDisplayCondition,
         other._distanceDisplayCondition
       ) &&
-      this._disableDepthTestDistance === other._disableDepthTestDistance)
+      this._disableDepthTestDistance === other._disableDepthTestDistance &&
+      this._splitDirection === other._splitDirection)
   );
 };
 

package/Source/Scene/BillboardCollection.js

@@ -54,6 +54,7 @@ const DISTANCE_DISPLAY_CONDITION_INDEX = Billboard.DISTANCE_DISPLAY_CONDITION;
 const DISABLE_DEPTH_DISTANCE = Billboard.DISABLE_DEPTH_DISTANCE;
 const TEXTURE_COORDINATE_BOUNDS = Billboard.TEXTURE_COORDINATE_BOUNDS;
 const SDF_INDEX = Billboard.SDF_INDEX;
+const SPLIT_DIRECTION_INDEX = Billboard.SPLIT_DIRECTION_INDEX;
 const NUMBER_OF_PROPERTIES = Billboard.NUMBER_OF_PROPERTIES;
 
 let attributeLocations;
@@ -71,6 +72,7 @@ const attributeLocationsBatched = {
   textureCoordinateBoundsOrLabelTranslate: 9,
   a_batchId: 10,
   sdf: 11,
+  splitDirection: 12,
 };
 
 const attributeLocationsInstanced = {
@@ -87,6 +89,7 @@ const attributeLocationsInstanced = {
   textureCoordinateBoundsOrLabelTranslate: 10,
   a_batchId: 11,
   sdf: 12,
+  splitDirection: 13,
 };
 
 /**
@@ -311,6 +314,7 @@ function BillboardCollection(options) {
     BufferUsage.STATIC_DRAW, // PIXEL_OFFSET_SCALE_BY_DISTANCE_INDEX
     BufferUsage.STATIC_DRAW, // DISTANCE_DISPLAY_CONDITION_INDEX
     BufferUsage.STATIC_DRAW, // TEXTURE_COORDINATE_BOUNDS
+    BufferUsage.STATIC_DRAW, // SPLIT_DIRECTION_INDEX
   ];
 
   this._highlightColor = Color.clone(Color.WHITE); // Only used by Vector3DTilePoints
@@ -777,6 +781,12 @@ function createVAF(
       componentDatatype: ComponentDatatype.FLOAT,
       usage: buffersUsage[TEXTURE_COORDINATE_BOUNDS],
     },
+    {
+      index: attributeLocations.splitDirection,
+      componentsPerAttribute: 1,
+      componentDatatype: ComponentDatatype.FLOAT,
+      usage: buffersUsage[SPLIT_DIRECTION_INDEX],
+    },
   ];
 
   // Instancing requires one non-instanced attribute.
@@ -1586,6 +1596,34 @@ function writeSDF(
   }
 }
 
+function writeSplitDirection(
+  billboardCollection,
+  frameState,
+  textureAtlasCoordinates,
+  vafWriters,
+  billboard
+) {
+  const writer = vafWriters[attributeLocations.splitDirection];
+  let direction = 0.0;
+
+  const split = billboard.splitDirection;
+  if (defined(split)) {
+    direction = split;
+  }
+
+  let i;
+  if (billboardCollection._instanced) {
+    i = billboard._index;
+    writer(i, direction);
+  } else {
+    i = billboard._index * 4;
+    writer(i + 0, direction);
+    writer(i + 1, direction);
+    writer(i + 2, direction);
+    writer(i + 3, direction);
+  }
+}
+
 function writeBillboard(
   billboardCollection,
   frameState,
@@ -1670,6 +1708,13 @@ function writeBillboard(
     vafWriters,
     billboard
   );
+  writeSplitDirection(
+    billboardCollection,
+    frameState,
+    textureAtlasCoordinates,
+    vafWriters,
+    billboard
+  );
 }
 
 function recomputeActualPositions(
@@ -1981,6 +2026,10 @@ BillboardCollection.prototype.update = function (frameState) {
       writers.push(writeSDF);
     }
 
+    if (properties[SPLIT_DIRECTION_INDEX]) {
+      writers.push(writeSplitDirection);
+    }
+
     const numWriters = writers.length;
     vafWriters = this._vaf.writers;
 

package/Source/Scene/BingMapsImageryProvider.js

@@ -120,7 +120,16 @@ function metadataSuccess(data, imageryProviderBuilder) {
   imageryProviderBuilder.maximumLevel = resource.zoomMax - 1;
   imageryProviderBuilder.imageUrlSubdomains = resource.imageUrlSubdomains;
   imageryProviderBuilder.imageUrlTemplate = resource.imageUrl;
-  imageryProviderBuilder.attributionList = resource.imageryProviders;
+
+  let validProviders = resource.imageryProviders;
+  if (defined(resource.imageryProviders)) {
+    // prevent issues with the imagery API from crashing the viewer when the expected properties are not there
+    // See https://github.com/CesiumGS/cesium/issues/12088
+    validProviders = resource.imageryProviders.filter((provider) =>
+      provider.coverageAreas?.some((area) => defined(area.bbox))
+    );
+  }
+  imageryProviderBuilder.attributionList = validProviders;
 }
 
 function metadataFailure(metadataResource, error, provider) {

package/Source/Scene/ImageBasedLighting.js

@@ -186,8 +186,8 @@ Object.defineProperties(ImageBasedLighting.prototype, {
    * </p>
    *
    * These values can be obtained by preprocessing the environment map using the <code>cmgen</code> tool of
-   * {@link https://github.com/google/filament/releases|Google's Filament project}. This will also generate a KTX file that can be
-   * supplied to {@link Model#specularEnvironmentMaps}.
+   * {@link https://github.com/google/filament/releases|Google's Filament project}.
+   * Be sure to use the <code>--no-mirror</code> option in <code>cmgen</code>.
    *
    * @memberof ImageBasedLighting.prototype
    *

package/Source/Scene/Model/Model.js

@@ -2251,7 +2251,7 @@ function updatePickIds(model) {
 
 // Matrix3 is a row-major constructor.
 // The same constructor in GLSL will produce the transpose of this.
-const yUpToZUp = new Matrix3(-1, 0, 0, 0, 0, 1, 0, -1, 0);
+const yUpToZUp = new Matrix3(1, 0, 0, 0, 0, 1, 0, -1, 0);
 
 function updateReferenceMatrices(model, frameState) {
   const modelMatrix = defined(model._clampedModelMatrix)

package/Source/Scene/OctahedralProjectedCubeMap.js

@@ -337,11 +337,10 @@ OctahedralProjectedCubeMap.prototype.update = function (frameState) {
     },
   });
 
-  // We only need up to 6 mip levels to avoid artifacts.
-  const length = Math.min(cubeMapBuffers.length, 6);
-  this._maximumMipmapLevel = length - 1;
-  const cubeMaps = (this._cubeMaps = new Array(length));
-  const mipTextures = (this._mipTextures = new Array(length));
+  const mipLevels = cubeMapBuffers.length;
+  this._maximumMipmapLevel = mipLevels - 1;
+  const cubeMaps = (this._cubeMaps = new Array(mipLevels));
+  const mipTextures = (this._mipTextures = new Array(mipLevels));
   const originalSize = cubeMapBuffers[0].positiveX.width * 2.0;
   const uniformMap = {
     originalSize: function () {
@@ -350,7 +349,7 @@ OctahedralProjectedCubeMap.prototype.update = function (frameState) {
   };
 
   // First we project each cubemap onto a flat octahedron, and write that to a texture.
-  for (let i = 0; i < length; ++i) {
+  for (let i = 0; i < mipLevels; ++i) {
     // Swap +Y/-Y faces since the octahedral projection expects this order.
     const positiveY = cubeMapBuffers[i].positiveY;
     cubeMapBuffers[i].positiveY = cubeMapBuffers[i].negativeY;

package/Source/Scene/PointPrimitive.js

@@ -11,6 +11,7 @@ import Matrix4 from "../Core/Matrix4.js";
 import NearFarScalar from "../Core/NearFarScalar.js";
 import SceneMode from "./SceneMode.js";
 import SceneTransforms from "./SceneTransforms.js";
+import SplitDirection from "./SplitDirection.js";
 
 /**
  * <div class="notice">
@@ -117,6 +118,11 @@ function PointPrimitive(options, pointPrimitiveCollection) {
   this._pointPrimitiveCollection = pointPrimitiveCollection;
   this._dirty = false;
   this._index = -1; //Used only by PointPrimitiveCollection
+
+  this._splitDirection = defaultValue(
+    options.splitDirection,
+    SplitDirection.NONE
+  );
 }
 
 const SHOW_INDEX = (PointPrimitive.SHOW_INDEX = 0);
@@ -129,7 +135,8 @@ const SCALE_BY_DISTANCE_INDEX = (PointPrimitive.SCALE_BY_DISTANCE_INDEX = 6);
 const TRANSLUCENCY_BY_DISTANCE_INDEX = (PointPrimitive.TRANSLUCENCY_BY_DISTANCE_INDEX = 7);
 const DISTANCE_DISPLAY_CONDITION_INDEX = (PointPrimitive.DISTANCE_DISPLAY_CONDITION_INDEX = 8);
 const DISABLE_DEPTH_DISTANCE_INDEX = (PointPrimitive.DISABLE_DEPTH_DISTANCE_INDEX = 9);
-PointPrimitive.NUMBER_OF_PROPERTIES = 10;
+const SPLIT_DIRECTION_INDEX = (PointPrimitive.SPLIT_DIRECTION_INDEX = 10);
+PointPrimitive.NUMBER_OF_PROPERTIES = 11;
 
 function makeDirty(pointPrimitive, propertyChanged) {
   const pointPrimitiveCollection = pointPrimitive._pointPrimitiveCollection;
@@ -486,6 +493,24 @@ Object.defineProperties(PointPrimitive.prototype, {
       }
     },
   },
+
+  /**
+   * The {@link SplitDirection} to apply to this point.
+   * @memberof PointPrimitive.prototype
+   * @type {SplitDirection}
+   * @default {@link SplitDirection.NONE}
+   */
+  splitDirection: {
+    get: function () {
+      return this._splitDirection;
+    },
+    set: function (value) {
+      if (this._splitDirection !== value) {
+        this._splitDirection = value;
+        makeDirty(this, SPLIT_DIRECTION_INDEX);
+      }
+    },
+  },
 });
 
 PointPrimitive.prototype.getPickId = function (context) {
@@ -660,7 +685,8 @@ PointPrimitive.prototype.equals = function (other) {
         this._distanceDisplayCondition,
         other._distanceDisplayCondition
       ) &&
-      this._disableDepthTestDistance === other._disableDepthTestDistance)
+      this._disableDepthTestDistance === other._disableDepthTestDistance &&
+      this._splitDirection === other._splitDirection)
   );
 };
 

package/Source/Scene/PointPrimitiveCollection.js

@@ -38,6 +38,7 @@ const DISTANCE_DISPLAY_CONDITION_INDEX =
   PointPrimitive.DISTANCE_DISPLAY_CONDITION_INDEX;
 const DISABLE_DEPTH_DISTANCE_INDEX =
   PointPrimitive.DISABLE_DEPTH_DISTANCE_INDEX;
+const SPLIT_DIRECTION_INDEX = PointPrimitive.SPLIT_DIRECTION_INDEX;
 const NUMBER_OF_PROPERTIES = PointPrimitive.NUMBER_OF_PROPERTIES;
 
 const attributeLocations = {
@@ -46,7 +47,7 @@ const attributeLocations = {
   compressedAttribute0: 2, // color, outlineColor, pick color
   compressedAttribute1: 3, // show, translucency by distance, some free space
   scaleByDistance: 4,
-  distanceDisplayConditionAndDisableDepth: 5,
+  distanceDisplayConditionAndDisableDepthAndSplitDirection: 5,
 };
 
 /**
@@ -492,8 +493,9 @@ function createVAF(context, numberOfPointPrimitives, buffersUsage) {
         usage: buffersUsage[SCALE_BY_DISTANCE_INDEX],
       },
       {
-        index: attributeLocations.distanceDisplayConditionAndDisableDepth,
-        componentsPerAttribute: 3,
+        index:
+          attributeLocations.distanceDisplayConditionAndDisableDepthAndSplitDirection,
+        componentsPerAttribute: 4,
         componentDatatype: ComponentDatatype.FLOAT,
         usage: buffersUsage[DISTANCE_DISPLAY_CONDITION_INDEX],
       },
@@ -665,7 +667,7 @@ function writeScaleByDistance(
   writer(i, near, nearValue, far, farValue);
 }
 
-function writeDistanceDisplayConditionAndDepthDisable(
+function writeDistanceDisplayConditionAndDepthDisableAndSplitDirection(
   pointPrimitiveCollection,
   context,
   vafWriters,
@@ -673,7 +675,10 @@ function writeDistanceDisplayConditionAndDepthDisable(
 ) {
   const i = pointPrimitive._index;
   const writer =
-    vafWriters[attributeLocations.distanceDisplayConditionAndDisableDepth];
+    vafWriters[
+      attributeLocations
+        .distanceDisplayConditionAndDisableDepthAndSplitDirection
+    ];
   let near = 0.0;
   let far = Number.MAX_VALUE;
 
@@ -697,7 +702,12 @@ function writeDistanceDisplayConditionAndDepthDisable(
     }
   }
 
-  writer(i, near, far, disableDepthTestDistance);
+  let direction = 0.0;
+  const split = pointPrimitive.splitDirection;
+  if (defined(split)) {
+    direction = split;
+  }
+  writer(i, near, far, disableDepthTestDistance, direction);
 }
 
 function writePointPrimitive(
@@ -730,7 +740,7 @@ function writePointPrimitive(
     vafWriters,
     pointPrimitive
   );
-  writeDistanceDisplayConditionAndDepthDisable(
+  writeDistanceDisplayConditionAndDepthDisableAndSplitDirection(
     pointPrimitiveCollection,
     context,
     vafWriters,
@@ -925,9 +935,12 @@ PointPrimitiveCollection.prototype.update = function (frameState) {
 
     if (
       properties[DISTANCE_DISPLAY_CONDITION_INDEX] ||
-      properties[DISABLE_DEPTH_DISTANCE_INDEX]
+      properties[DISABLE_DEPTH_DISTANCE_INDEX] ||
+      properties[SPLIT_DIRECTION_INDEX]
     ) {
-      writers.push(writeDistanceDisplayConditionAndDepthDisable);
+      writers.push(
+        writeDistanceDisplayConditionAndDepthDisableAndSplitDirection
+      );
     }
 
     const numWriters = writers.length;

package/Source/Shaders/BillboardCollectionFS.glsl

@@ -7,6 +7,7 @@ uniform vec4 u_highlightColor;
 in vec2 v_textureCoordinates;
 in vec4 v_pickColor;
 in vec4 v_color;
+in float v_splitDirection;
 
 #ifdef SDF
 in vec4 v_outlineColor;
@@ -86,6 +87,9 @@ vec4 getSDFColor(vec2 position, float outlineWidth, vec4 outlineColor, float smo
 
 void main()
 {
+    if (v_splitDirection < 0.0 && gl_FragCoord.x > czm_splitPosition) discard;
+    if (v_splitDirection > 0.0 && gl_FragCoord.x < czm_splitPosition) discard;
+    
     vec4 color = texture(u_atlas, v_textureCoordinates);
 
 #ifdef SDF

package/Source/Shaders/BillboardCollectionFS.js

@@ -8,6 +8,7 @@ uniform vec4 u_highlightColor;\n\
 in vec2 v_textureCoordinates;\n\
 in vec4 v_pickColor;\n\
 in vec4 v_color;\n\
+in float v_splitDirection;\n\
 \n\
 #ifdef SDF\n\
 in vec4 v_outlineColor;\n\
@@ -87,6 +88,9 @@ vec4 getSDFColor(vec2 position, float outlineWidth, vec4 outlineColor, float smo
 \n\
 void main()\n\
 {\n\
+    if (v_splitDirection < 0.0 && gl_FragCoord.x > czm_splitPosition) discard;\n\
+    if (v_splitDirection > 0.0 && gl_FragCoord.x < czm_splitPosition) discard;\n\
+    \n\
     vec4 color = texture(u_atlas, v_textureCoordinates);\n\
 \n\
 #ifdef SDF\n\

package/Source/Shaders/BillboardCollectionVS.glsl

@@ -11,6 +11,7 @@ in vec4 scaleByDistance;                            // near, nearScale, far, far
 in vec4 pixelOffsetScaleByDistance;                 // near, nearScale, far, farScale
 in vec4 compressedAttribute3;                       // distance display condition near, far, disableDepthTestDistance, dimensions
 in vec2 sdf;                                        // sdf outline color (rgb) and width (w)
+in float splitDirection;                            // splitDirection
 #if defined(VERTEX_DEPTH_CHECK) || defined(FRAGMENT_DEPTH_CHECK)
 in vec4 textureCoordinateBoundsOrLabelTranslate;    // the min and max x and y values for the texture coordinates
 #endif
@@ -28,6 +29,7 @@ out mat2 v_rotationMatrix;
 
 out vec4 v_pickColor;
 out vec4 v_color;
+out float v_splitDirection;
 #ifdef SDF
 out vec4 v_outlineColor;
 out float v_outlineWidth;
@@ -430,5 +432,5 @@ if (lengthSq < disableDepthTestDistance) {
 
     v_color = color;
     v_color.a *= translucency;
-
+    v_splitDirection = splitDirection;
 }

package/Source/Shaders/BillboardCollectionVS.js

@@ -12,6 +12,7 @@ in vec4 scaleByDistance;                            // near, nearScale, far, far
 in vec4 pixelOffsetScaleByDistance;                 // near, nearScale, far, farScale\n\
 in vec4 compressedAttribute3;                       // distance display condition near, far, disableDepthTestDistance, dimensions\n\
 in vec2 sdf;                                        // sdf outline color (rgb) and width (w)\n\
+in float splitDirection;                            // splitDirection\n\
 #if defined(VERTEX_DEPTH_CHECK) || defined(FRAGMENT_DEPTH_CHECK)\n\
 in vec4 textureCoordinateBoundsOrLabelTranslate;    // the min and max x and y values for the texture coordinates\n\
 #endif\n\
@@ -29,6 +30,7 @@ out mat2 v_rotationMatrix;\n\
 \n\
 out vec4 v_pickColor;\n\
 out vec4 v_color;\n\
+out float v_splitDirection;\n\
 #ifdef SDF\n\
 out vec4 v_outlineColor;\n\
 out float v_outlineWidth;\n\
@@ -431,6 +433,6 @@ if (lengthSq < disableDepthTestDistance) {\n\
 \n\
     v_color = color;\n\
     v_color.a *= translucency;\n\
-\n\
+    v_splitDirection = splitDirection;\n\
 }\n\
 ";