3dtiles-inspector 0.2.13 → 0.2.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "3dtiles-inspector",
-  "version": "0.2.13",
+  "version": "0.2.15",
   "description": "Inspect, align, and save local 3D Tiles root transforms in an interactive browser session.",
   "author": "William Liu <lyz15972107087@gmail.com>",
   "license": "Apache-2.0",
@@ -55,8 +55,8 @@
   },
   "devDependencies": {
     "@sparkjsdev/spark": "2.1.0",
-    "3d-tiles-renderer": "0.4.27",
-    "3d-tiles-rendererjs-3dgs-plugin": "0.1.11",
+    "3d-tiles-renderer": "0.4.28",
+    "3d-tiles-rendererjs-3dgs-plugin": "0.1.14",
     "esbuild": "^0.25.11"
   },
   "dependencies": {

package/src/server/splatCrop/gaussianPrimitives.js

@@ -2,6 +2,23 @@ const { InspectorError } = require('../../errors');
 const { normalizeMatrix4Array } = require('./normalize');
 const { getNodeLocalMatrix } = require('./gltfResource');
 
+const KHR_GAUSSIAN_SPLATTING_EXTENSION = 'KHR_gaussian_splatting';
+const KHR_GAUSSIAN_SPLATTING_SPZ_EXTENSION =
+  'KHR_gaussian_splatting_compression_spz_2';
+const EXT_SPLAT_OPACITY_EXTENSION = 'EXT_splat_opacity';
+
+function getGaussianSplattingExtensions(primitive) {
+  return primitive?.extensions?.[KHR_GAUSSIAN_SPLATTING_EXTENSION]?.extensions;
+}
+
+function getGaussianSplatOpacityExtension(primitive) {
+  const extensions = getGaussianSplattingExtensions(primitive);
+  return (
+    extensions?.[EXT_SPLAT_OPACITY_EXTENSION] ??
+    primitive?.extensions?.[EXT_SPLAT_OPACITY_EXTENSION]
+  );
+}
+
 function getTileLocalTransform(THREE, tile) {
   const matrix = new THREE.Matrix4();
   if (Array.isArray(tile?.transform)) {
@@ -37,10 +54,22 @@ function getRootUpRotationMatrix(THREE, tileset) {
 }
 
 function primitiveHasGaussianSpzExtension(primitive) {
-  return (
-    primitive?.extensions?.KHR_gaussian_splatting?.extensions
-      ?.KHR_gaussian_splatting_compression_spz_2 != null
-  );
+  const extensions = getGaussianSplattingExtensions(primitive);
+  return extensions?.[KHR_GAUSSIAN_SPLATTING_SPZ_EXTENSION] != null;
+}
+
+function getGaussianSplatOpacityAccessorIndex(primitive) {
+  const opacityAccessor = getGaussianSplatOpacityExtension(primitive)
+    ?.opacityAccessor;
+  if (opacityAccessor == null) {
+    return null;
+  }
+  if (!Number.isInteger(opacityAccessor) || opacityAccessor < 0) {
+    throw new InspectorError(
+      'EXT_splat_opacity opacityAccessor must be a non-negative integer.',
+    );
+  }
+  return opacityAccessor;
 }
 
 function collectGaussianPrimitiveDescriptors(
@@ -87,12 +116,12 @@ function collectGaussianPrimitiveDescriptors(
       const mesh = meshes[node.mesh];
       if (mesh && Array.isArray(mesh.primitives)) {
         mesh.primitives.forEach((primitive, primitiveIndex) => {
+          const extensions = getGaussianSplattingExtensions(primitive);
           const gaussianExtension =
-            primitive?.extensions?.KHR_gaussian_splatting?.extensions
-              ?.KHR_gaussian_splatting_compression_spz_2;
+            extensions?.[KHR_GAUSSIAN_SPLATTING_SPZ_EXTENSION];
           const bufferView = gaussianExtension?.bufferView;
           if (bufferView == null) {
-            if (primitive?.extensions?.KHR_gaussian_splatting) {
+            if (primitive?.extensions?.[KHR_GAUSSIAN_SPLATTING_EXTENSION]) {
               throw new InspectorError(
                 'Only KHR_gaussian_splatting_compression_spz_2 Gaussian primitives are supported for crop deletion.',
               );
@@ -288,6 +317,7 @@ function updateGaussianPrimitiveAccessorCounts(resource, descriptors, count) {
 
 module.exports = {
   collectGaussianPrimitiveDescriptors,
+  getGaussianSplatOpacityAccessorIndex,
   getRootUpRotationMatrix,
   getTileLocalTransform,
   getTileWorldTransform,

package/src/server/splatCrop/index.js

@@ -75,8 +75,16 @@ async function deleteSplatsInNormalizedSelections(
     planeMatrices: selection.planeMatrices
       ? selection.planeMatrices.map((matrix) => matrix.slice())
       : null,
-    rect: { ...selection.rect },
-    viewProjectionMatrix: selection.viewProjectionMatrix.slice(),
+    rect: selection.rect ? { ...selection.rect } : null,
+    sphere: selection.sphere
+      ? {
+          center: selection.sphere.center.slice(),
+          radius: selection.sphere.radius,
+        }
+      : null,
+    viewProjectionMatrix: selection.viewProjectionMatrix
+      ? selection.viewProjectionMatrix.slice()
+      : null,
   }));
   const workerPool = new SplatCropWorkerPool(SPLAT_CROP_WORKER_COUNT);
 

package/src/server/splatCrop/normalize.js

@@ -2,6 +2,7 @@ const { InspectorError } = require('../../errors');
 
 const MAX_SCREEN_SELECTIONS = 256;
 const SCREEN_SELECTION_ACTION_EXCLUDE = 'exclude';
+const SCREEN_SELECTION_ACTION_INCLUDE = 'include';
 
 function normalizeMatrix4Array(value, name = 'matrix') {
   if (!Array.isArray(value) || value.length !== 16) {
@@ -56,12 +57,35 @@ function normalizeScreenSelectionAction(value, name) {
   if (value == null) {
     return SCREEN_SELECTION_ACTION_EXCLUDE;
   }
-  if (value !== SCREEN_SELECTION_ACTION_EXCLUDE) {
-    throw new InspectorError(`${name} must be "exclude".`);
+  if (
+    value !== SCREEN_SELECTION_ACTION_EXCLUDE &&
+    value !== SCREEN_SELECTION_ACTION_INCLUDE
+  ) {
+    throw new InspectorError(`${name} must be "exclude" or "include".`);
   }
   return value;
 }
 
+function normalizeSphereSelection(value, name) {
+  if (value == null) {
+    return null;
+  }
+  if (!value || typeof value !== 'object') {
+    throw new InspectorError(`${name} must be an object.`);
+  }
+  if (!Array.isArray(value.center) || value.center.length !== 3) {
+    throw new InspectorError(`${name}.center must be a 3-number array.`);
+  }
+  const center = value.center.map((entry, index) =>
+    normalizeFiniteNumber(entry, `${name}.center[${index}]`),
+  );
+  const radius = normalizeFiniteNumber(value.radius, `${name}.radius`);
+  if (radius <= 0) {
+    throw new InspectorError(`${name}.radius must be greater than 0.`);
+  }
+  return { center, radius };
+}
+
 function normalizeScreenSelectionPlaneMatrices(value, name) {
   if (value == null) {
     return null;
@@ -96,11 +120,23 @@ function normalizeSplatScreenSelections(value) {
       );
     }
 
+    const action = normalizeScreenSelectionAction(
+      entry.action,
+      `splatScreenSelections[${index}].action`,
+    );
+    const sphere = normalizeSphereSelection(
+      entry.sphere,
+      `splatScreenSelections[${index}].sphere`,
+    );
+    if (sphere) {
+      return {
+        action,
+        sphere,
+      };
+    }
+
     return {
-      action: normalizeScreenSelectionAction(
-        entry.action,
-        `splatScreenSelections[${index}].action`,
-      ),
+      action,
       rect: normalizeScreenSelectionRect(
         entry.rect,
         `splatScreenSelections[${index}].rect`,
@@ -119,6 +155,7 @@ function normalizeSplatScreenSelections(value) {
 
 module.exports = {
   SCREEN_SELECTION_ACTION_EXCLUDE,
+  SCREEN_SELECTION_ACTION_INCLUDE,
   normalizeMatrix4Array,
   normalizeSplatScreenSelections,
 };

package/src/server/splatCrop/traversal.js

@@ -16,6 +16,7 @@ const {
 } = require('./gltfResource');
 const {
   collectGaussianPrimitiveDescriptors,
+  getGaussianSplatOpacityAccessorIndex,
   getTileLocalTransform,
   hasNonGaussianScenePrimitives,
   hasScenePrimitives,
@@ -24,6 +25,10 @@ const {
 } = require('./gaussianPrimitives');
 const { SPLAT_CROP_WORKER_COUNT } = require('./workerPool');
 
+const ACCESSOR_COMPONENT_TYPE_FLOAT = 5126;
+const ACCESSOR_TYPE_SCALAR = 'SCALAR';
+const FLOAT32_BYTE_LENGTH = 4;
+
 class AsyncLimiter {
   constructor(limit) {
     this.active = 0;
@@ -618,6 +623,154 @@ function markSplatResourceProgress(context, resourcePath) {
   });
 }
 
+function getPrimitiveForDescriptor(resource, descriptor) {
+  if (
+    !Number.isInteger(descriptor.meshIndex) ||
+    !Number.isInteger(descriptor.primitiveIndex)
+  ) {
+    return null;
+  }
+  return resource.json.meshes?.[descriptor.meshIndex]?.primitives?.[
+    descriptor.primitiveIndex
+  ];
+}
+
+function getAccessorDefinition(resource, accessorIndex, label) {
+  const accessor = resource.json.accessors?.[accessorIndex];
+  if (!accessor || typeof accessor !== 'object') {
+    throw new InspectorError(`${label} references missing accessor ${accessorIndex}.`);
+  }
+  if (accessor.componentType !== ACCESSOR_COMPONENT_TYPE_FLOAT) {
+    throw new InspectorError(`${label} must use FLOAT componentType.`);
+  }
+  if (accessor.type !== ACCESSOR_TYPE_SCALAR) {
+    throw new InspectorError(`${label} must use SCALAR type.`);
+  }
+  if (accessor.sparse) {
+    throw new InspectorError(`${label} sparse accessors are not supported.`);
+  }
+  if (!Number.isInteger(accessor.bufferView)) {
+    throw new InspectorError(`${label} must reference a bufferView.`);
+  }
+  if (!Number.isInteger(accessor.count) || accessor.count < 0) {
+    throw new InspectorError(`${label} count must be a non-negative integer.`);
+  }
+
+  const byteOffset = Number(accessor.byteOffset ?? 0);
+  if (!Number.isInteger(byteOffset) || byteOffset < 0) {
+    throw new InspectorError(`${label} byteOffset must be a non-negative integer.`);
+  }
+  const bufferView = resource.json.bufferViews?.[accessor.bufferView];
+  if (!bufferView || typeof bufferView !== 'object') {
+    throw new InspectorError(`${label} references missing bufferView.`);
+  }
+  const byteStride = Number(bufferView.byteStride ?? FLOAT32_BYTE_LENGTH);
+  if (!Number.isInteger(byteStride) || byteStride < FLOAT32_BYTE_LENGTH) {
+    throw new InspectorError(
+      `${label} byteStride must be at least ${FLOAT32_BYTE_LENGTH}.`,
+    );
+  }
+
+  return { accessor, bufferView, byteOffset, byteStride };
+}
+
+function makeFloat32ScalarAccessorSubsetReplacement(
+  resource,
+  accessorIndex,
+  survivors,
+) {
+  const label = `EXT_splat_opacity accessor ${accessorIndex}`;
+  const { accessor, bufferView, byteOffset, byteStride } = getAccessorDefinition(
+    resource,
+    accessorIndex,
+    label,
+  );
+  const slice = getBufferViewSlice(resource, accessor.bufferView);
+  const sourceLength =
+    accessor.count === 0
+      ? 0
+      : (accessor.count - 1) * byteStride + FLOAT32_BYTE_LENGTH;
+  const sourceEnd = byteOffset + sourceLength;
+
+  if (sourceEnd > slice.bytes.length) {
+    throw new InspectorError(`${label} exceeds its bufferView.`);
+  }
+
+  const out = Buffer.allocUnsafe(survivors.length * FLOAT32_BYTE_LENGTH);
+  let min = Infinity;
+  let max = -Infinity;
+
+  for (let index = 0; index < survivors.length; index++) {
+    const sourceIndex = survivors[index];
+    if (
+      !Number.isInteger(sourceIndex) ||
+      sourceIndex < 0 ||
+      sourceIndex >= accessor.count
+    ) {
+      throw new InspectorError(`${label} survivor index is out of range.`);
+    }
+
+    const value = slice.bytes.readFloatLE(
+      byteOffset + sourceIndex * byteStride,
+    );
+    out.writeFloatLE(value, index * FLOAT32_BYTE_LENGTH);
+    if (value < min) min = value;
+    if (value > max) max = value;
+  }
+
+  accessor.count = survivors.length;
+  delete accessor.byteOffset;
+  delete bufferView.byteStride;
+  if (survivors.length > 0) {
+    accessor.min = [min];
+    accessor.max = [max];
+  }
+
+  return {
+    bufferIndex: slice.bufferIndex,
+    bufferViewIndex: accessor.bufferView,
+    bytes: out,
+    end: slice.end,
+    start: slice.start,
+  };
+}
+
+function addGaussianSplatOpacityAccessorReplacements(
+  resource,
+  descriptors,
+  survivors,
+  replacementsByBuffer,
+) {
+  if (!(survivors instanceof Uint32Array) || survivors.length === 0) {
+    return 0;
+  }
+
+  const opacityAccessors = new Set();
+  descriptors.forEach((descriptor) => {
+    const primitive = getPrimitiveForDescriptor(resource, descriptor);
+    const accessorIndex = getGaussianSplatOpacityAccessorIndex(primitive);
+    if (accessorIndex !== null) {
+      opacityAccessors.add(accessorIndex);
+    }
+  });
+
+  let replacementCount = 0;
+  opacityAccessors.forEach((accessorIndex) => {
+    const replacement = makeFloat32ScalarAccessorSubsetReplacement(
+      resource,
+      accessorIndex,
+      survivors,
+    );
+    if (!replacementsByBuffer.has(replacement.bufferIndex)) {
+      replacementsByBuffer.set(replacement.bufferIndex, []);
+    }
+    addReplacement(replacementsByBuffer.get(replacement.bufferIndex), replacement);
+    replacementCount += 1;
+  });
+
+  return replacementCount;
+}
+
 async function processGltfResource({
   THREE,
   filePath,
@@ -679,6 +832,15 @@ async function processGltfResource({
       continue;
     }
     if (Number.isInteger(rewrite.survivorCount)) {
+      if (rewrite.deleted > 0) {
+        modified =
+          addGaussianSplatOpacityAccessorReplacements(
+            resource,
+            viewDescriptors,
+            rewrite.survivors,
+            replacementsByBuffer,
+          ) > 0 || modified;
+      }
       modified =
         updateGaussianPrimitiveAccessorCounts(
           resource,

package/src/server/splatCrop/worker.js

@@ -5,6 +5,7 @@ const {
 } = require('./spzSubsetWriter');
 
 const SPZ_POSITION_STRIDE = 9;
+const SCREEN_SELECTION_ACTION_INCLUDE = 'include';
 
 function multiplyMatrix4(left, right) {
   const out = new Float64Array(16);
@@ -81,8 +82,18 @@ function buildSourceToScreenSelections(screenSelections, descriptors) {
     for (let j = 0; j < descriptors.length; j++) {
       const descriptor = descriptors[j];
       const sourceToWorldMatrix = descriptor.sourceToWorldMatrix;
+      if (selection.sphere) {
+        sourceToScreenSelections.push({
+          action: selection.action,
+          radius: selection.sphere.radius,
+          sphereCenter: selection.sphere.center,
+          sourceToWorldMatrix,
+        });
+        continue;
+      }
       if (selection.planeMatrices) {
         sourceToScreenSelections.push({
+          action: selection.action,
           planes: buildSourceSpacePlaneValues(
             selection.planeMatrices,
             sourceToWorldMatrix,
@@ -91,6 +102,7 @@ function buildSourceToScreenSelections(screenSelections, descriptors) {
       } else {
         const rect = selection.rect;
         sourceToScreenSelections.push({
+          action: selection.action,
           matrix: multiplyMatrix4(
             selection.viewProjectionMatrix,
             sourceToWorldMatrix,
@@ -119,7 +131,25 @@ function buildSourceSpacePlaneValues(planeMatrices, sourceToWorldMatrix) {
   return values;
 }
 
+function transformPoint(matrix, x, y, z) {
+  const w = matrix[3] * x + matrix[7] * y + matrix[11] * z + matrix[15];
+  const inverseW = Number.isFinite(w) && w !== 0 ? 1 / w : 1;
+  return {
+    x: (matrix[0] * x + matrix[4] * y + matrix[8] * z + matrix[12]) * inverseW,
+    y: (matrix[1] * x + matrix[5] * y + matrix[9] * z + matrix[13]) * inverseW,
+    z: (matrix[2] * x + matrix[6] * y + matrix[10] * z + matrix[14]) * inverseW,
+  };
+}
+
 function centerIsInsideScreenSelection(x, y, z, selection) {
+  if (selection.sphereCenter) {
+    const point = transformPoint(selection.sourceToWorldMatrix, x, y, z);
+    const dx = point.x - selection.sphereCenter[0];
+    const dy = point.y - selection.sphereCenter[1];
+    const dz = point.z - selection.sphereCenter[2];
+    return dx * dx + dy * dy + dz * dz <= selection.radius * selection.radius;
+  }
+
   if (selection.planes) {
     const planes = selection.planes;
     for (let i = 0; i < planes.length; i += 4) {
@@ -166,14 +196,12 @@ function centerIsSelectedForDeletion(
   sourceToScreenSelections,
 ) {
   for (let i = 0; i < sourceToScreenSelections.length; i++) {
-    if (
-      centerIsInsideScreenSelection(
-        x,
-        y,
-        z,
-        sourceToScreenSelections[i],
-      )
-    ) {
+    const selection = sourceToScreenSelections[i];
+    const inside = centerIsInsideScreenSelection(x, y, z, selection);
+    if (selection.action === SCREEN_SELECTION_ACTION_INCLUDE && !inside) {
+      return true;
+    }
+    if (selection.action !== SCREEN_SELECTION_ACTION_INCLUDE && inside) {
       return true;
     }
   }
@@ -345,6 +373,7 @@ function rewriteSpzBytes({
     deleted,
     empty: false,
     splatCount: parsed.sourceCount,
+    survivors,
     survivorCount: survivors.length,
   };
 }
@@ -373,6 +402,11 @@ parentPort.on('message', async (message) => {
       bytes = getTransferableBytes(result.bytes);
       transferList.push(bytes.buffer);
     }
+    let survivors = null;
+    if (result.survivors) {
+      survivors = result.survivors;
+      transferList.push(survivors.buffer);
+    }
 
     parentPort.postMessage(
       {
@@ -383,6 +417,7 @@ parentPort.on('message', async (message) => {
           deleted: result.deleted,
           empty: result.empty,
           splatCount: result.splatCount,
+          survivors,
           survivorCount: result.survivorCount,
         },
       },

package/src/server/splatCrop/workerPool.js

@@ -110,6 +110,8 @@ class SplatCropWorkerPool {
         deleted: Number(result.deleted || 0),
         empty: !!result.empty,
         splatCount: Number(result.splatCount || 0),
+        survivors:
+          result.survivors instanceof Uint32Array ? result.survivors : null,
         survivorCount: Number(result.survivorCount || 0),
       });
     }

package/src/server/viewerHtml.js

@@ -612,6 +612,11 @@ function buildViewerHtml(viewerConfig) {
           inset 0 -1px 0 rgba(73, 80, 87, 0.08);
       }
 
+      .scale-track.disabled {
+        cursor: default;
+        opacity: 0.48;
+      }
+
       .scale-track:focus {
         outline: none;
       }
@@ -700,6 +705,18 @@ function buildViewerHtml(viewerConfig) {
         min-height: 0;
       }
 
+      .crop-subsection {
+        display: grid;
+        gap: 8px;
+        min-width: 0;
+      }
+
+      .crop-subsection + .crop-subsection {
+        margin-top: 6px;
+        padding-top: 10px;
+        border-top: 1px solid rgba(22, 50, 79, 0.1);
+      }
+
       .crop-list:empty {
         display: none;
       }
@@ -1024,18 +1041,45 @@ function buildViewerHtml(viewerConfig) {
             </label>
           </div>
           <div id="crop-section" class="toolbar-section" hidden>
-            <div class="toolbar-section-header">
-              <p class="toolbar-section-title">Crop Regions</p>
-              <p id="crop-count-value" class="toolbar-value">0</p>
-            </div>
-            <div class="coordinate-actions">
-              <button id="crop-screen-select" class="wide" type="button">Draw Region</button>
+            <div class="crop-subsection">
+              <div class="toolbar-section-header">
+                <p class="toolbar-section-title">Crop Sphere</p>
+                <p id="keep-sphere-radius-value" class="toolbar-value">None</p>
+              </div>
+              <div class="coordinate-actions">
+                <button id="keep-sphere-create" class="wide" type="button">Create Sphere</button>
+              </div>
+              <div class="range-field">
+                <div
+                  id="keep-sphere-radius"
+                  class="scale-track disabled"
+                  tabindex="0"
+                  aria-label="Crop sphere radius"
+                  aria-disabled="true"
+                >
+                  <span class="scale-track-center" aria-hidden="true"></span>
+                </div>
+              </div>
+              <div class="status-actions">
+                <button id="keep-sphere-confirm" type="button">Confirm</button>
+                <button id="keep-sphere-cancel" type="button">Cancel</button>
+              </div>
+              <div id="keep-sphere-list" class="crop-list"></div>
             </div>
-            <div class="status-actions">
-              <button id="crop-screen-confirm" type="button">Confirm</button>
-              <button id="crop-screen-cancel" type="button">Cancel</button>
+            <div class="crop-subsection">
+              <div class="toolbar-section-header">
+                <p class="toolbar-section-title">Crop Regions</p>
+                <p id="crop-count-value" class="toolbar-value">0</p>
+              </div>
+              <div class="coordinate-actions">
+                <button id="crop-screen-select" class="wide" type="button">Draw Region</button>
+              </div>
+              <div class="status-actions">
+                <button id="crop-screen-confirm" type="button">Confirm</button>
+                <button id="crop-screen-cancel" type="button">Cancel</button>
+              </div>
+              <div id="crop-list" class="crop-list"></div>
             </div>
-            <div id="crop-list" class="crop-list"></div>
           </div>
         </div>
         <div class="toolbar-section status-panel">

package/src/viewer/app.js

@@ -331,8 +331,13 @@ cropController = createCropController({
   cancelOtherPositionPickModes: () => setPositionController.cancelMode(),
   getCurrentRootTransformArray: () =>
     rootTransform.getCurrentRootTransformArray(),
+  getLocalFrameQuaternion: (referencePoint, target) =>
+    geoCamera.getLocalFrameQuaternion(referencePoint, target),
   getTilesetBoundingSphere,
 });
+cameraController.setRaycastHitFilter((intersection) =>
+  cropController?.isRaycastHitVisible(intersection) ?? true,
+);
 
 transformModeController = createTransformModeController({
   cropController,
@@ -516,7 +521,7 @@ async function saveTransform() {
   cancelPositionPickModes();
   if (cropController.hasPendingSelections()) {
     setStatus(
-      'Confirm or cancel pending screen selections before saving.',
+      'Confirm or cancel pending crop selections before saving.',
       true,
     );
     return;
@@ -601,8 +606,15 @@ bindViewerEvents({
   getTiles: () => tiles,
   handlers: {
     cancelCropScreenSelection: cropController.cancel,
+    beginKeepSphereRadiusTrackDrag:
+      cropController.beginKeepSphereRadiusTrackDrag,
+    cancelKeepSphere: cropController.cancelKeepSphere,
     cancelPositionPickModes,
     confirmCropScreenSelection: cropController.confirm,
+    confirmKeepSphere: cropController.confirmKeepSphere,
+    createKeepSphere: cropController.createKeepSphere,
+    endKeepSphereRadiusTrackDrag:
+      cropController.endKeepSphereRadiusTrackDrag,
     handleScreenSelectionPointerCancel: cropController.handlePointerCancel,
     handleScreenSelectionPointerDown: cropController.handlePointerDown,
     handleScreenSelectionPointerMove: cropController.handlePointerMove,
@@ -617,6 +629,9 @@ bindViewerEvents({
     requestViewerShutdown,
     resetToSaved,
     saveTransform,
+    nudgeKeepSphereRadiusExponent: cropController.nudgeKeepSphereRadiusExponent,
+    setKeepSphereRadiusFromTrackClientX:
+      cropController.setKeepSphereRadiusFromTrackClientX,
     setTerrainEnabled: viewerToggles.setTerrainEnabled,
     toggleBoundingVolume: viewerToggles.toggleBoundingVolume,
     toggleCropScreenSelectionMode: cropController.toggle,