@heliguy-xyz/splat-viewer 1.0.0-rc.5 → 1.0.0-rc.7

package/dist/web-component/CameraModeManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CameraModeManager.d.ts","sourceRoot":"","sources":["../../src/web-component/CameraModeManager.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,UAAU,EACV,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EACjB,MAAM,SAAS,CAAA;AAEhB,KAAK,MAAM,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;AAEvD,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,GAAG,CAAuB;IAClC,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,KAAK,CAA0B;IACvC,OAAO,CAAC,GAAG,CAAY;IACvB,OAAO,CAAC,IAAI,CAAY;IACxB,OAAO,CAAC,IAAI,CAAQ;gBAGlB,GAAG,EAAE,qBAAqB,EAC1B,MAAM,EAAE,gBAAgB,EACxB,KAAK,EAAE,iBAAiB,GAAG,IAAI,EAC/B,GAAG,EAAE,GAAG,GAAG,IAAI,EACf,IAAI,EAAE,MAAM,EACZ,WAAW,GAAE,UAAkC;IAmB1C,OAAO,IAAI,UAAU;IAIrB,OAAO,CAAC,QAAQ,EAAE,UAAU,GAAG,IAAI;IA0BnC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,IAAI;IAMpD,YAAY,IAAI,eAAe,GAAG,IAAI;IAmBtC,WAAW,IAAI,cAAc,GAAG,IAAI;IAe3C,OAAO,CAAC,iBAAiB;IA+BzB,OAAO,CAAC,mBAAmB;IA4B3B,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,iBAAiB;CAI1B"}
+{"version":3,"file":"CameraModeManager.d.ts","sourceRoot":"","sources":["../../src/web-component/CameraModeManager.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,UAAU,EACV,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EACjB,MAAM,SAAS,CAAA;AAEhB,KAAK,MAAM,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;AAEvD,qBAAa,iBAAiB;IAC5B,OAAO,CAAC,GAAG,CAAuB;IAClC,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,KAAK,CAA0B;IACvC,OAAO,CAAC,GAAG,CAAY;IACvB,OAAO,CAAC,IAAI,CAAY;IACxB,OAAO,CAAC,IAAI,CAAQ;gBAGlB,GAAG,EAAE,qBAAqB,EAC1B,MAAM,EAAE,gBAAgB,EACxB,KAAK,EAAE,iBAAiB,GAAG,IAAI,EAC/B,GAAG,EAAE,GAAG,GAAG,IAAI,EACf,IAAI,EAAE,MAAM,EACZ,WAAW,GAAE,UAAkC;IAmB1C,OAAO,IAAI,UAAU;IAIrB,OAAO,CAAC,QAAQ,EAAE,UAAU,GAAG,IAAI;IAgCnC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,GAAG,IAAI;IAMpD,YAAY,IAAI,eAAe,GAAG,IAAI;IAmBtC,WAAW,IAAI,cAAc,GAAG,IAAI;IAe3C,OAAO,CAAC,iBAAiB;IA+BzB,OAAO,CAAC,mBAAmB;IA4B3B,OAAO,CAAC,eAAe;IAoBvB,OAAO,CAAC,iBAAiB;CAI1B"}

package/dist/web-component/FlyCameraScript.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlyCameraScript.d.ts","sourceRoot":"","sources":["../../src/web-component/FlyCameraScript.ts"],"names":[],"mappings":"AAsEA,wBAAgB,uBAAuB,IAAI,IAAI,CAua9C"}
+{"version":3,"file":"FlyCameraScript.d.ts","sourceRoot":"","sources":["../../src/web-component/FlyCameraScript.ts"],"names":[],"mappings":"AAwEA,wBAAgB,uBAAuB,IAAI,IAAI,CAmb9C"}

package/dist/web-component/splat-viewer.esm.js

@@ -104336,10 +104336,13 @@ class CameraModeManager {
         if (nextMode === this.mode)
             return;
         const prev = this.mode;
-        // Preserve camera transform
+        // Preserve camera transform (position + rotation)
         const pos = this.camera.getPosition
             ? this.camera.getPosition().clone()
             : { x: 0, y: 0, z: 10 };
+        const rot = this.camera.getRotation
+            ? this.camera.getRotation().clone()
+            : null;
         // Switch
         if (nextMode === 'fly') {
             this.deactivateOrbitMode();
@@ -104350,6 +104353,9 @@ class CameraModeManager {
             this.activateOrbitMode();
         }
         this.camera.setPosition(pos);
+        if (rot && this.camera.setRotation) {
+            this.camera.setRotation(rot);
+        }
         this.mode = nextMode;
         // Emit camera-mode-changed
         this.emit('camera-mode-changed', { mode: nextMode, previousMode: prev });
@@ -104454,6 +104460,22 @@ class CameraModeManager {
             return;
         if (typeof this.fly.activate === 'function')
             this.fly.activate();
+        // Align fly camera internal orientation with the current camera rotation so that
+        // switching from orbit -> fly does not snap the view back to the initial direction.
+        try {
+            const euler = this.camera.getEulerAngles
+                ? this.camera.getEulerAngles()
+                : null;
+            if (euler) {
+                // These properties are part of the FlyCamera runtime state
+                ;
+                this.fly._pitch = euler.x || 0;
+                this.fly._yaw = euler.y || 0;
+            }
+        }
+        catch {
+            // Best-effort sync; ignore if camera or script API differs
+        }
     }
     deactivateFlyMode() {
         if (!this.fly)
@@ -104521,6 +104543,7 @@ function registerFlyCameraScript() {
     FlyCamera.prototype.initialize = function () {
         this._isActive = true;
         this._isPointerLocked = false;
+        this._isLooking = false;
         this._pressed = new Set();
         this._velocity = new Vec3(0, 0, 0);
         this._targetVelocity = new Vec3(0, 0, 0);
@@ -104542,21 +104565,24 @@ function registerFlyCameraScript() {
         this._onKeyUp = this._handleKeyUp.bind(this);
         document.addEventListener('keydown', this._onKeyDown);
         document.addEventListener('keyup', this._onKeyUp);
-        // Mouse move when pointer locked
+        // Mouse move for look (while mouse button held)
         this._onMouseMove = this._handleMouseMove.bind(this);
         document.addEventListener('mousemove', this._onMouseMove);
-        // Pointer lock change
-        this._onPointerLockChange = this._handlePointerLockChange.bind(this);
-        document.addEventListener('pointerlockchange', this._onPointerLockChange);
-        // Click on canvas to lock pointer
+        // Mouse button handling: click + hold to look, release to stop
         const canvas = this.app.graphicsDevice.canvas;
         this._onClickToLock = (e) => {
-            // Left button to engage pointer lock
+            // Left button enables look while held (no pointer lock)
             if (e.button === 0 && this._isActive) {
-                this._requestPointerLock();
+                this._isLooking = true;
             }
         };
         canvas.addEventListener('mousedown', this._onClickToLock);
+        this._onMouseUp = (e) => {
+            if (e.button === 0) {
+                this._isLooking = false;
+            }
+        };
+        document.addEventListener('mouseup', this._onMouseUp);
     };
     FlyCamera.prototype.update = function (dt) {
         if (!this._isActive)
@@ -104601,16 +104627,26 @@ function registerFlyCameraScript() {
         this._onKeyDown = this._onKeyDown || this._handleKeyDown.bind(this);
         this._onKeyUp = this._onKeyUp || this._handleKeyUp.bind(this);
         this._onMouseMove = this._onMouseMove || this._handleMouseMove.bind(this);
-        this._onPointerLockChange =
-            this._onPointerLockChange || this._handlePointerLockChange.bind(this);
         document.addEventListener('keydown', this._onKeyDown);
         document.addEventListener('keyup', this._onKeyUp);
         document.addEventListener('mousemove', this._onMouseMove);
-        document.addEventListener('pointerlockchange', this._onPointerLockChange);
         const canvas = this.app.graphicsDevice.canvas;
         this._onClickToLock =
-            this._onClickToLock || (() => this._requestPointerLock());
+            this._onClickToLock ||
+                ((e) => {
+                    if (e.button === 0 && this._isActive) {
+                        this._isLooking = true;
+                    }
+                });
         canvas.addEventListener('mousedown', this._onClickToLock);
+        this._onMouseUp =
+            this._onMouseUp ||
+                ((e) => {
+                    if (e.button === 0) {
+                        this._isLooking = false;
+                    }
+                });
+        document.addEventListener('mouseup', this._onMouseUp);
     };
     FlyCamera.prototype.deactivate = function () {
         if (!this._isActive)
@@ -104622,7 +104658,7 @@ function registerFlyCameraScript() {
         document.removeEventListener('keydown', this._onKeyDown);
         document.removeEventListener('keyup', this._onKeyUp);
         document.removeEventListener('mousemove', this._onMouseMove);
-        document.removeEventListener('pointerlockchange', this._onPointerLockChange);
+        document.removeEventListener('mouseup', this._onMouseUp);
         const canvas = this.app?.graphicsDevice?.canvas;
         if (canvas && this._onClickToLock) {
             canvas.removeEventListener('mousedown', this._onClickToLock);
@@ -104706,7 +104742,7 @@ function registerFlyCameraScript() {
         }
     };
     FlyCamera.prototype._handleMouseMove = function (e) {
-        if (!this._isPointerLocked || !this._isActive)
+        if (!this._isLooking || !this._isActive)
             return;
         // Invert horizontal (yaw) rotation: moving mouse right rotates view left, and vice versa
         const dx = e.movementX * this.lookSensitivity;