@splnlss/3d-story-viewer 0.6.0 → 0.7.0

package/build/viewer.js

@@ -27380,6 +27380,16 @@ class GaussianSplatLayer extends ContentLayer {
     this.callbacks = {};
   }
 }
+function applyKeyboardMovement(position, forward, right, up, state, deltaTime, movementSpeed, boostMultiplier) {
+  const boost = state.BOOST ? boostMultiplier : 1;
+  const distance = movementSpeed * deltaTime * boost;
+  if (state.FRONT) position.addScaledVector(forward, distance);
+  if (state.BACK) position.addScaledVector(forward, -distance);
+  if (state.LEFT) position.addScaledVector(right, -distance);
+  if (state.RIGHT) position.addScaledVector(right, distance);
+  if (state.UP) position.addScaledVector(up, distance);
+  if (state.DOWN) position.addScaledVector(up, -distance);
+}
 const shadowCanvas = document.createElement("canvas");
 shadowCanvas.width = 128;
 shadowCanvas.height = 128;
@@ -27477,7 +27487,9 @@ class Viewer extends EventDispatcher {
     this.pointerCoords = {};
     this.pointerXYZ = new Vector3();
     this.keysDown = {};
-    this.keysEnabled = true;
+    this._keysEnabled = true;
+    this.movementSpeed = 100;
+    this.boostMultiplier = 5;
     this.movementKeys = {
       BOOST: ["ShiftLeft", "ShiftRight"],
       FRONT: ["KeyW"],
@@ -27497,6 +27509,7 @@ class Viewer extends EventDispatcher {
       DOWN: false
     };
     this._onKeyDown = (event) => {
+      if (event.repeat && !this.keysDown[event.code]) return;
       this.keysDown[event.code] = true;
       this.updateMovementState();
     };
@@ -27545,6 +27558,15 @@ class Viewer extends EventDispatcher {
     window.addEventListener("pointermove", this._onPointerMove);
     this.setAnimate();
   }
+  get keysEnabled() {
+    return this._keysEnabled;
+  }
+  set keysEnabled(enabled) {
+    if (enabled === this._keysEnabled) return;
+    this._keysEnabled = enabled;
+    this.keysDown = {};
+    for (const key in this.movementState) this.movementState[key] = false;
+  }
   updateMovementState() {
     if (!this.keysEnabled) return;
     for (const key in this.movementKeys) {
@@ -27815,24 +27837,8 @@ class Viewer extends EventDispatcher {
     this.updateCameraDirections();
     this.cameraCoords = ecefToGeodeticRotation(this.camera.position.x, this.camera.position.y, this.camera.position.z, this.camera.quaternion);
     this.sky.setSurfaceUp(geodeticToEcefUpVector(this.cameraCoords.lon, this.cameraCoords.lat));
-    const boost = this.movementState.BOOST ? 5 : 1;
-    if (this.movementState.FRONT) {
-      this.camera.position.addScaledVector(this.cameraForward, 100 * deltaTime * boost);
-    }
-    if (this.movementState.BACK) {
-      this.camera.position.addScaledVector(this.cameraForward, -100 * deltaTime * boost);
-    }
-    if (this.movementState.LEFT) {
-      this.camera.position.addScaledVector(this.cameraRight, -100 * deltaTime * boost);
-    }
-    if (this.movementState.RIGHT) {
-      this.camera.position.addScaledVector(this.cameraRight, 100 * deltaTime * boost);
-    }
-    if (this.movementState.UP) {
-      this.camera.position.addScaledVector(this.cameraUp, 100 * deltaTime * boost);
-    }
-    if (this.movementState.DOWN) {
-      this.camera.position.addScaledVector(this.cameraUp, -100 * deltaTime * boost);
+    if (this.keysEnabled) {
+      applyKeyboardMovement(this.camera.position, this.cameraForward, this.cameraRight, this.cameraUp, this.movementState, deltaTime, this.movementSpeed, this.boostMultiplier);
     }
     this.globeManager.update();
     for (let i2 = 0; i2 < this.content.children.length; i2++) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@splnlss/3d-story-viewer",
-    "version": "0.6.0",
+    "version": "0.7.0",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org/"