@cesium/engine 15.0.0 → 17.0.0

package/Source/DataSources/PropertyBag.js

@@ -1,4 +1,3 @@
-import defaultValue from "../Core/defaultValue.js";
 import defined from "../Core/defined.js";
 import DeveloperError from "../Core/DeveloperError.js";
 import Event from "../Core/Event.js";
@@ -121,7 +120,7 @@ PropertyBag.prototype.addProperty = function (
     createPropertyDescriptor(
       propertyName,
       true,
-      defaultValue(createPropertyCallback, createConstantProperty),
+      createPropertyCallback ?? createConstantProperty,
     ),
   );
 

package/Source/DataSources/RectangleGraphics.js

@@ -1,4 +1,4 @@
-import defaultValue from "../Core/defaultValue.js";
+import Frozen from "../Core/Frozen.js";
 import defined from "../Core/defined.js";
 import DeveloperError from "../Core/DeveloperError.js";
 import Event from "../Core/Event.js";
@@ -82,7 +82,7 @@ function RectangleGraphics(options) {
   this._zIndex = undefined;
   this._zIndexSubscription = undefined;
 
-  this.merge(defaultValue(options, defaultValue.EMPTY_OBJECT));
+  this.merge(options ?? Frozen.EMPTY_OBJECT);
 }
 
 Object.defineProperties(RectangleGraphics.prototype, {
@@ -292,38 +292,26 @@ RectangleGraphics.prototype.merge = function (source) {
   }
   //>>includeEnd('debug');
 
-  this.show = defaultValue(this.show, source.show);
-  this.coordinates = defaultValue(this.coordinates, source.coordinates);
-  this.height = defaultValue(this.height, source.height);
-  this.heightReference = defaultValue(
-    this.heightReference,
-    source.heightReference,
-  );
-  this.extrudedHeight = defaultValue(
-    this.extrudedHeight,
-    source.extrudedHeight,
-  );
-  this.extrudedHeightReference = defaultValue(
-    this.extrudedHeightReference,
-    source.extrudedHeightReference,
-  );
-  this.rotation = defaultValue(this.rotation, source.rotation);
-  this.stRotation = defaultValue(this.stRotation, source.stRotation);
-  this.granularity = defaultValue(this.granularity, source.granularity);
-  this.fill = defaultValue(this.fill, source.fill);
-  this.material = defaultValue(this.material, source.material);
-  this.outline = defaultValue(this.outline, source.outline);
-  this.outlineColor = defaultValue(this.outlineColor, source.outlineColor);
-  this.outlineWidth = defaultValue(this.outlineWidth, source.outlineWidth);
-  this.shadows = defaultValue(this.shadows, source.shadows);
-  this.distanceDisplayCondition = defaultValue(
-    this.distanceDisplayCondition,
-    source.distanceDisplayCondition,
-  );
-  this.classificationType = defaultValue(
-    this.classificationType,
-    source.classificationType,
-  );
-  this.zIndex = defaultValue(this.zIndex, source.zIndex);
+  this.show = this.show ?? source.show;
+  this.coordinates = this.coordinates ?? source.coordinates;
+  this.height = this.height ?? source.height;
+  this.heightReference = this.heightReference ?? source.heightReference;
+  this.extrudedHeight = this.extrudedHeight ?? source.extrudedHeight;
+  this.extrudedHeightReference =
+    this.extrudedHeightReference ?? source.extrudedHeightReference;
+  this.rotation = this.rotation ?? source.rotation;
+  this.stRotation = this.stRotation ?? source.stRotation;
+  this.granularity = this.granularity ?? source.granularity;
+  this.fill = this.fill ?? source.fill;
+  this.material = this.material ?? source.material;
+  this.outline = this.outline ?? source.outline;
+  this.outlineColor = this.outlineColor ?? source.outlineColor;
+  this.outlineWidth = this.outlineWidth ?? source.outlineWidth;
+  this.shadows = this.shadows ?? source.shadows;
+  this.distanceDisplayCondition =
+    this.distanceDisplayCondition ?? source.distanceDisplayCondition;
+  this.classificationType =
+    this.classificationType ?? source.classificationType;
+  this.zIndex = this.zIndex ?? source.zIndex;
 };
 export default RectangleGraphics;

package/Source/DataSources/Rotation.js

@@ -1,4 +1,3 @@
-import defaultValue from "../Core/defaultValue.js";
 import defined from "../Core/defined.js";
 import DeveloperError from "../Core/DeveloperError.js";
 import CesiumMath from "../Core/Math.js";
@@ -56,7 +55,7 @@ const Rotation = {
     }
     //>>includeEnd('debug');
 
-    startingIndex = defaultValue(startingIndex, 0);
+    startingIndex = startingIndex ?? 0;
     array[startingIndex] = value;
 
     return array;
@@ -77,7 +76,7 @@ const Rotation = {
     }
     //>>includeEnd('debug');
 
-    startingIndex = defaultValue(startingIndex, 0);
+    startingIndex = startingIndex ?? 0;
     return array[startingIndex];
   },
 
@@ -105,8 +104,8 @@ const Rotation = {
       result = [];
     }
 
-    startingIndex = defaultValue(startingIndex, 0);
-    lastIndex = defaultValue(lastIndex, packedArray.length);
+    startingIndex = startingIndex ?? 0;
+    lastIndex = lastIndex ?? packedArray.length;
 
     let previousValue;
     for (let i = 0, len = lastIndex - startingIndex + 1; i < len; i++) {

package/Source/DataSources/SampledPositionProperty.js

@@ -1,6 +1,5 @@
 import Cartesian3 from "../Core/Cartesian3.js";
 import Check from "../Core/Check.js";
-import defaultValue from "../Core/defaultValue.js";
 import defined from "../Core/defined.js";
 import DeveloperError from "../Core/DeveloperError.js";
 import Event from "../Core/Event.js";
@@ -20,7 +19,7 @@ import SampledProperty from "./SampledProperty.js";
  * @param {number} [numberOfDerivatives=0] The number of derivatives that accompany each position; i.e. velocity, acceleration, etc...
  */
 function SampledPositionProperty(referenceFrame, numberOfDerivatives) {
-  numberOfDerivatives = defaultValue(numberOfDerivatives, 0);
+  numberOfDerivatives = numberOfDerivatives ?? 0;
 
   let derivativeTypes;
   if (numberOfDerivatives > 0) {
@@ -33,7 +32,7 @@ function SampledPositionProperty(referenceFrame, numberOfDerivatives) {
   this._numberOfDerivatives = numberOfDerivatives;
   this._property = new SampledProperty(Cartesian3, derivativeTypes);
   this._definitionChanged = new Event();
-  this._referenceFrame = defaultValue(referenceFrame, ReferenceFrame.FIXED);
+  this._referenceFrame = referenceFrame ?? ReferenceFrame.FIXED;
 
   this._property._definitionChanged.addEventListener(function () {
     this._definitionChanged.raiseEvent(this);

package/Source/DataSources/SampledProperty.js

@@ -1,6 +1,5 @@
 import binarySearch from "../Core/binarySearch.js";
 import Check from "../Core/Check.js";
-import defaultValue from "../Core/defaultValue.js";
 import defined from "../Core/defined.js";
 import DeveloperError from "../Core/DeveloperError.js";
 import Event from "../Core/Event.js";
@@ -11,11 +10,11 @@ import LinearApproximation from "../Core/LinearApproximation.js";
 const PackableNumber = {
   packedLength: 1,
   pack: function (value, array, startingIndex) {
-    startingIndex = defaultValue(startingIndex, 0);
+    startingIndex = startingIndex ?? 0;
     array[startingIndex] = value;
   },
   unpack: function (array, startingIndex, result) {
-    startingIndex = defaultValue(startingIndex, 0);
+    startingIndex = startingIndex ?? 0;
     return array[startingIndex];
   },
 };
@@ -166,10 +165,8 @@ function SampledProperty(type, derivativeTypes) {
     innerType = PackableNumber;
   }
   let packedLength = innerType.packedLength;
-  let packedInterpolationLength = defaultValue(
-    innerType.packedInterpolationLength,
-    packedLength,
-  );
+  let packedInterpolationLength =
+    innerType.packedInterpolationLength ?? packedLength;
 
   let inputOrder = 0;
   let innerDerivativeTypes;
@@ -183,10 +180,8 @@ function SampledProperty(type, derivativeTypes) {
       }
       const derivativePackedLength = derivativeType.packedLength;
       packedLength += derivativePackedLength;
-      packedInterpolationLength += defaultValue(
-        derivativeType.packedInterpolationLength,
-        derivativePackedLength,
-      );
+      packedInterpolationLength +=
+        derivativeType.packedInterpolationLength ?? derivativePackedLength;
       innerDerivativeTypes[i] = derivativeType;
     }
     inputOrder = length;

package/Source/DataSources/StaticGroundPolylinePerMaterialBatch.js

@@ -1,7 +1,6 @@
 import AssociativeArray from "../Core/AssociativeArray.js";
 import Color from "../Core/Color.js";
 import ColorGeometryInstanceAttribute from "../Core/ColorGeometryInstanceAttribute.js";
-import defaultValue from "../Core/defaultValue.js";
 import defined from "../Core/defined.js";
 import DistanceDisplayCondition from "../Core/DistanceDisplayCondition.js";
 import DistanceDisplayConditionGeometryInstanceAttribute from "../Core/DistanceDisplayConditionGeometryInstanceAttribute.js";
@@ -340,7 +339,7 @@ function StaticGroundPolylinePerMaterialBatch(
   this._items = [];
   this._orderedGroundPrimitives = orderedGroundPrimitives;
   this._classificationType = classificationType;
-  this._asynchronous = defaultValue(asynchronous, true);
+  this._asynchronous = asynchronous ?? true;
 }
 
 StaticGroundPolylinePerMaterialBatch.prototype.add = function (time, updater) {

package/Source/DataSources/StripeMaterialProperty.js

@@ -1,5 +1,5 @@
 import Color from "../Core/Color.js";
-import defaultValue from "../Core/defaultValue.js";
+import Frozen from "../Core/Frozen.js";
 import defined from "../Core/defined.js";
 import Event from "../Core/Event.js";
 import JulianDate from "../Core/JulianDate.js";
@@ -26,7 +26,7 @@ const defaultRepeat = 1;
  * @param {Property|number} [options.repeat=1] A numeric Property specifying how many times the stripes repeat.
  */
 function StripeMaterialProperty(options) {
-  options = defaultValue(options, defaultValue.EMPTY_OBJECT);
+  options = options ?? Frozen.EMPTY_OBJECT;
 
   this._definitionChanged = new Event();
   this._orientation = undefined;

package/Source/DataSources/TimeIntervalCollectionPositionProperty.js

@@ -1,4 +1,3 @@
-import defaultValue from "../Core/defaultValue.js";
 import defined from "../Core/defined.js";
 import DeveloperError from "../Core/DeveloperError.js";
 import Event from "../Core/Event.js";
@@ -23,7 +22,7 @@ function TimeIntervalCollectionPositionProperty(referenceFrame) {
     TimeIntervalCollectionPositionProperty.prototype._intervalsChanged,
     this,
   );
-  this._referenceFrame = defaultValue(referenceFrame, ReferenceFrame.FIXED);
+  this._referenceFrame = referenceFrame ?? ReferenceFrame.FIXED;
 }
 
 Object.defineProperties(TimeIntervalCollectionPositionProperty.prototype, {

package/Source/DataSources/VelocityOrientationProperty.js

@@ -1,5 +1,4 @@
 import Cartesian3 from "../Core/Cartesian3.js";
-import defaultValue from "../Core/defaultValue.js";
 import defined from "../Core/defined.js";
 import Ellipsoid from "../Core/Ellipsoid.js";
 import Event from "../Core/Event.js";
@@ -35,7 +34,7 @@ function VelocityOrientationProperty(position, ellipsoid) {
   this._ellipsoid = undefined;
   this._definitionChanged = new Event();
 
-  this.ellipsoid = defaultValue(ellipsoid, Ellipsoid.default);
+  this.ellipsoid = ellipsoid ?? Ellipsoid.default;
 
   const that = this;
   this._velocityVectorProperty.definitionChanged.addEventListener(function () {

package/Source/DataSources/VelocityVectorProperty.js

@@ -1,5 +1,4 @@
 import Cartesian3 from "../Core/Cartesian3.js";
-import defaultValue from "../Core/defaultValue.js";
 import defined from "../Core/defined.js";
 import Event from "../Core/Event.js";
 import JulianDate from "../Core/JulianDate.js";
@@ -31,7 +30,7 @@ function VelocityVectorProperty(position, normalize) {
   this._position = undefined;
   this._subscription = undefined;
   this._definitionChanged = new Event();
-  this._normalize = defaultValue(normalize, true);
+  this._normalize = normalize ?? true;
 
   this.position = position;
 }

package/Source/DataSources/WallGraphics.js

@@ -1,4 +1,4 @@
-import defaultValue from "../Core/defaultValue.js";
+import Frozen from "../Core/Frozen.js";
 import defined from "../Core/defined.js";
 import DeveloperError from "../Core/DeveloperError.js";
 import Event from "../Core/Event.js";
@@ -63,7 +63,7 @@ function WallGraphics(options) {
   this._distanceDisplayCondition = undefined;
   this._distanceDisplayConditionSubscription = undefined;
 
-  this.merge(defaultValue(options, defaultValue.EMPTY_OBJECT));
+  this.merge(options ?? Frozen.EMPTY_OBJECT);
 }
 
 Object.defineProperties(WallGraphics.prototype, {
@@ -219,26 +219,18 @@ WallGraphics.prototype.merge = function (source) {
   }
   //>>includeEnd('debug');
 
-  this.show = defaultValue(this.show, source.show);
-  this.positions = defaultValue(this.positions, source.positions);
-  this.minimumHeights = defaultValue(
-    this.minimumHeights,
-    source.minimumHeights,
-  );
-  this.maximumHeights = defaultValue(
-    this.maximumHeights,
-    source.maximumHeights,
-  );
-  this.granularity = defaultValue(this.granularity, source.granularity);
-  this.fill = defaultValue(this.fill, source.fill);
-  this.material = defaultValue(this.material, source.material);
-  this.outline = defaultValue(this.outline, source.outline);
-  this.outlineColor = defaultValue(this.outlineColor, source.outlineColor);
-  this.outlineWidth = defaultValue(this.outlineWidth, source.outlineWidth);
-  this.shadows = defaultValue(this.shadows, source.shadows);
-  this.distanceDisplayCondition = defaultValue(
-    this.distanceDisplayCondition,
-    source.distanceDisplayCondition,
-  );
+  this.show = this.show ?? source.show;
+  this.positions = this.positions ?? source.positions;
+  this.minimumHeights = this.minimumHeights ?? source.minimumHeights;
+  this.maximumHeights = this.maximumHeights ?? source.maximumHeights;
+  this.granularity = this.granularity ?? source.granularity;
+  this.fill = this.fill ?? source.fill;
+  this.material = this.material ?? source.material;
+  this.outline = this.outline ?? source.outline;
+  this.outlineColor = this.outlineColor ?? source.outlineColor;
+  this.outlineWidth = this.outlineWidth ?? source.outlineWidth;
+  this.shadows = this.shadows ?? source.shadows;
+  this.distanceDisplayCondition =
+    this.distanceDisplayCondition ?? source.distanceDisplayCondition;
 };
 export default WallGraphics;

package/Source/DataSources/createPropertyDescriptor.js

@@ -1,4 +1,3 @@
-import defaultValue from "../Core/defaultValue.js";
 import defined from "../Core/defined.js";
 import ConstantProperty from "./ConstantProperty.js";
 
@@ -65,8 +64,8 @@ function createPropertyDescriptor(name, configurable, createPropertyCallback) {
     name,
     `_${name.toString()}`,
     `_${name.toString()}Subscription`,
-    defaultValue(configurable, false),
-    defaultValue(createPropertyCallback, createConstantProperty),
+    configurable ?? false,
+    createPropertyCallback ?? createConstantProperty,
   );
 }
 export default createPropertyDescriptor;

package/Source/DataSources/exportKml.js

@@ -4,7 +4,7 @@ import Cartesian3 from "../Core/Cartesian3.js";
 import Cartographic from "../Core/Cartographic.js";
 import Color from "../Core/Color.js";
 import createGuid from "../Core/createGuid.js";
-import defaultValue from "../Core/defaultValue.js";
+import Frozen from "../Core/Frozen.js";
 import defined from "../Core/defined.js";
 import DeveloperError from "../Core/DeveloperError.js";
 import Ellipsoid from "../Core/Ellipsoid.js";
@@ -145,7 +145,7 @@ ValueGetter.prototype.get = function (property, defaultVal, result) {
       : property;
   }
 
-  return defaultValue(value, defaultVal);
+  return value ?? defaultVal;
 };
 
 ValueGetter.prototype.getColor = function (property, defaultVal) {
@@ -274,9 +274,9 @@ IdManager.prototype.get = function (id) {
  *
  */
 function exportKml(options) {
-  options = defaultValue(options, defaultValue.EMPTY_OBJECT);
+  options = options ?? Frozen.EMPTY_OBJECT;
   const entities = options.entities;
-  const kmz = defaultValue(options.kmz, false);
+  const kmz = options.kmz ?? false;
 
   //>>includeStart('debug', pragmas.debug);
   if (!defined(entities)) {
@@ -372,11 +372,8 @@ exportKml._createState = function (options) {
   const time = defined(options.time) ? options.time : entityAvailability.start;
 
   // Figure out how we will sample dynamic position properties
-  let defaultAvailability = defaultValue(
-    options.defaultAvailability,
-    entityAvailability,
-  );
-  const sampleDuration = defaultValue(options.sampleDuration, 60);
+  let defaultAvailability = options.defaultAvailability ?? entityAvailability;
+  const sampleDuration = options.sampleDuration ?? 60;
 
   // Make sure we don't have infinite availability if we need to sample
   if (defaultAvailability.start === Iso8601.MINIMUM_VALUE) {
@@ -405,7 +402,7 @@ exportKml._createState = function (options) {
   const kmlDoc = document.implementation.createDocument(kmlNamespace, "kml");
   return {
     kmlDoc: kmlDoc,
-    ellipsoid: defaultValue(options.ellipsoid, Ellipsoid.default),
+    ellipsoid: options.ellipsoid ?? Ellipsoid.default,
     idManager: new IdManager(),
     styleCache: styleCache,
     externalFileHandler: externalFileHandler,
@@ -591,7 +588,7 @@ function createPoint(state, entity, geometries, styles) {
   const ellipsoid = state.ellipsoid;
   const valueGetter = state.valueGetter;
 
-  const pointGraphics = defaultValue(entity.billboard, entity.point);
+  const pointGraphics = entity.billboard ?? entity.point;
   if (!defined(pointGraphics) && !defined(entity.path)) {
     return;
   }
@@ -642,7 +639,7 @@ function createTracks(state, entity, pointGraphics, geometries, styles) {
     intervals = entityPositionProperty.intervals;
     useEntityPositionProperty = false;
   } else {
-    intervals = defaultValue(entity.availability, state.defaultAvailability);
+    intervals = entity.availability ?? state.defaultAvailability;
   }
 
   const isModel = pointGraphics instanceof ModelGraphics;
@@ -888,7 +885,7 @@ function createIconStyleFromBillboard(state, billboardGraphics) {
 
   const pixelOffset = valueGetter.get(billboardGraphics.pixelOffset);
   if (defined(pixelOffset)) {
-    scale = defaultValue(scale, 1.0);
+    scale = scale ?? 1.0;
 
     Cartesian2.divideByScalar(pixelOffset, scale, pixelOffset);
 
@@ -1475,7 +1472,7 @@ function createBasicElementWithText(
   elementValue,
   namespace,
 ) {
-  elementValue = defaultValue(elementValue, "");
+  elementValue = elementValue ?? "";
 
   if (typeof elementValue === "boolean") {
     elementValue = elementValue ? "1" : "0";

package/Source/Renderer/Buffer.js

@@ -1,6 +1,6 @@
 import Check from "../Core/Check.js";
 import createGuid from "../Core/createGuid.js";
-import defaultValue from "../Core/defaultValue.js";
+import Frozen from "../Core/Frozen.js";
 import defined from "../Core/defined.js";
 import destroyObject from "../Core/destroyObject.js";
 import DeveloperError from "../Core/DeveloperError.js";
@@ -12,7 +12,7 @@ import BufferUsage from "./BufferUsage.js";
  * @private
  */
 function Buffer(options) {
-  options = defaultValue(options, defaultValue.EMPTY_OBJECT);
+  options = options ?? Frozen.EMPTY_OBJECT;
 
   //>>includeStart('debug', pragmas.debug);
   Check.defined("options.context", options.context);
@@ -243,7 +243,7 @@ Buffer.prototype._getBuffer = function () {
 };
 
 Buffer.prototype.copyFromArrayView = function (arrayView, offsetInBytes) {
-  offsetInBytes = defaultValue(offsetInBytes, 0);
+  offsetInBytes = offsetInBytes ?? 0;
 
   //>>includeStart('debug', pragmas.debug);
   Check.defined("arrayView", arrayView);
@@ -341,8 +341,8 @@ Buffer.prototype.getBufferData = function (
   destinationOffset,
   length,
 ) {
-  sourceOffset = defaultValue(sourceOffset, 0);
-  destinationOffset = defaultValue(destinationOffset, 0);
+  sourceOffset = sourceOffset ?? 0;
+  destinationOffset = destinationOffset ?? 0;
 
   //>>includeStart('debug', pragmas.debug);
   if (!this._webgl2) {

package/Source/Renderer/ClearCommand.js

@@ -1,5 +1,5 @@
 import Color from "../Core/Color.js";
-import defaultValue from "../Core/defaultValue.js";
+import Frozen from "../Core/Frozen.js";
 
 /**
  * Represents a command to the renderer for clearing a framebuffer.
@@ -8,7 +8,7 @@ import defaultValue from "../Core/defaultValue.js";
  * @constructor
  */
 function ClearCommand(options) {
-  options = defaultValue(options, defaultValue.EMPTY_OBJECT);
+  options = options ?? Frozen.EMPTY_OBJECT;
 
   /**
    * The value to clear the color buffer to.  When <code>undefined</code>, the color buffer is not cleared.

package/Source/Renderer/ComputeCommand.js

@@ -1,4 +1,4 @@
-import defaultValue from "../Core/defaultValue.js";
+import Frozen from "../Core/Frozen.js";
 import Pass from "./Pass.js";
 
 /**
@@ -8,7 +8,7 @@ import Pass from "./Pass.js";
  * @constructor
  */
 function ComputeCommand(options) {
-  options = defaultValue(options, defaultValue.EMPTY_OBJECT);
+  options = options ?? Frozen.EMPTY_OBJECT;
 
   /**
    * The vertex array. If none is provided, a viewport quad will be used.
@@ -84,7 +84,7 @@ function ComputeCommand(options) {
    * @type {boolean}
    * @default false
    */
-  this.persists = defaultValue(options.persists, false);
+  this.persists = options.persists ?? false;
 
   /**
    * The pass when to render. Always compute pass.

package/Source/Renderer/Context.js

@@ -2,7 +2,7 @@ import Check from "../Core/Check.js";
 import Color from "../Core/Color.js";
 import ComponentDatatype from "../Core/ComponentDatatype.js";
 import createGuid from "../Core/createGuid.js";
-import defaultValue from "../Core/defaultValue.js";
+import Frozen from "../Core/Frozen.js";
 import defined from "../Core/defined.js";
 import destroyObject from "../Core/destroyObject.js";
 import DeveloperError from "../Core/DeveloperError.js";
@@ -47,15 +47,13 @@ function Context(canvas, options) {
     requestWebgl1,
     webgl: webglOptions = {},
     allowTextureFilterAnisotropic = true,
-  } = defaultValue(options, {});
+  } = options ?? {};
 
   // Override select WebGL defaults
-  webglOptions.alpha = defaultValue(webglOptions.alpha, false); // WebGL default is true
-  webglOptions.stencil = defaultValue(webglOptions.stencil, true); // WebGL default is false
-  webglOptions.powerPreference = defaultValue(
-    webglOptions.powerPreference,
-    "high-performance",
-  ); // WebGL default is "default"
+  webglOptions.alpha = webglOptions.alpha ?? false; // WebGL default is true
+  webglOptions.stencil = webglOptions.stencil ?? true; // WebGL default is false
+  webglOptions.powerPreference =
+    webglOptions.powerPreference ?? "high-performance"; // WebGL default is "default"
 
   const glContext = defined(getWebGLStub)
     ? getWebGLStub(canvas, webglOptions)
@@ -1240,8 +1238,8 @@ function bindFramebuffer(context, framebuffer) {
 const defaultClearCommand = new ClearCommand();
 
 Context.prototype.clear = function (clearCommand, passState) {
-  clearCommand = defaultValue(clearCommand, defaultClearCommand);
-  passState = defaultValue(passState, this._defaultPassState);
+  clearCommand = clearCommand ?? defaultClearCommand;
+  passState = passState ?? this._defaultPassState;
 
   const gl = this._gl;
   let bitmask = 0;
@@ -1274,14 +1272,11 @@ Context.prototype.clear = function (clearCommand, passState) {
     bitmask |= gl.STENCIL_BUFFER_BIT;
   }
 
-  const rs = defaultValue(clearCommand.renderState, this._defaultRenderState);
+  const rs = clearCommand.renderState ?? this._defaultRenderState;
   applyRenderState(this, rs, passState, true);
 
   // The command's framebuffer takes presidence over the pass' framebuffer, e.g., for off-screen rendering.
-  const framebuffer = defaultValue(
-    clearCommand.framebuffer,
-    passState.framebuffer,
-  );
+  const framebuffer = clearCommand.framebuffer ?? passState.framebuffer;
   bindFramebuffer(this, framebuffer);
 
   gl.clear(bitmask);
@@ -1342,7 +1337,7 @@ function continueDraw(context, drawCommand, shaderProgram, uniformMap) {
   }
   //>>includeEnd('debug');
 
-  context._us.model = defaultValue(drawCommand._modelMatrix, Matrix4.IDENTITY);
+  context._us.model = drawCommand._modelMatrix ?? Matrix4.IDENTITY;
   shaderProgram._setUniforms(
     uniformMap,
     context._us,
@@ -1407,18 +1402,12 @@ Context.prototype.draw = function (
   Check.defined("drawCommand.shaderProgram", drawCommand._shaderProgram);
   //>>includeEnd('debug');
 
-  passState = defaultValue(passState, this._defaultPassState);
+  passState = passState ?? this._defaultPassState;
   // The command's framebuffer takes precedence over the pass' framebuffer, e.g., for off-screen rendering.
-  const framebuffer = defaultValue(
-    drawCommand._framebuffer,
-    passState.framebuffer,
-  );
-  const renderState = defaultValue(
-    drawCommand._renderState,
-    this._defaultRenderState,
-  );
-  shaderProgram = defaultValue(shaderProgram, drawCommand._shaderProgram);
-  uniformMap = defaultValue(uniformMap, drawCommand._uniformMap);
+  const framebuffer = drawCommand._framebuffer ?? passState.framebuffer;
+  const renderState = drawCommand._renderState ?? this._defaultRenderState;
+  shaderProgram = shaderProgram ?? drawCommand._shaderProgram;
+  uniformMap = uniformMap ?? drawCommand._uniformMap;
 
   beginDraw(this, framebuffer, passState, shaderProgram, renderState);
   continueDraw(this, drawCommand, shaderProgram, uniformMap);
@@ -1459,11 +1448,11 @@ Context.prototype.endFrame = function () {
 Context.prototype.readPixels = function (readState) {
   const gl = this._gl;
 
-  readState = defaultValue(readState, defaultValue.EMPTY_OBJECT);
-  const x = Math.max(defaultValue(readState.x, 0), 0);
-  const y = Math.max(defaultValue(readState.y, 0), 0);
-  const width = defaultValue(readState.width, gl.drawingBufferWidth);
-  const height = defaultValue(readState.height, gl.drawingBufferHeight);
+  readState = readState ?? Frozen.EMPTY_OBJECT;
+  const x = Math.max(readState.x ?? 0, 0);
+  const y = Math.max(readState.y ?? 0, 0);
+  const width = readState.width ?? gl.drawingBufferWidth;
+  const height = readState.height ?? gl.drawingBufferHeight;
   const framebuffer = readState.framebuffer;
 
   //>>includeStart('debug', pragmas.debug);
@@ -1545,7 +1534,7 @@ Context.prototype.createViewportQuadCommand = function (
   fragmentShaderSource,
   overrides,
 ) {
-  overrides = defaultValue(overrides, defaultValue.EMPTY_OBJECT);
+  overrides = overrides ?? Frozen.EMPTY_OBJECT;
 
   return new DrawCommand({
     vertexArray: this.getViewportQuadVertexArray(),