@inweb/viewer-three 27.2.1 → 27.2.2

package/dist/viewer-three.js

@@ -21255,7 +21255,7 @@
     		this.material.dispose();
     	}
     }
-    let PlaneHelper$1 = class PlaneHelper extends Line$1 {
+    class PlaneHelper extends Line$1 {
     	constructor( plane, size = 1, hex = 0xffff00 ) {
     		const color = hex;
     		const positions = [ 1, -1, 0, -1, 1, 0, -1, -1, 0, 1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0 ];
@@ -21285,7 +21285,7 @@
     		this.children[ 0 ].geometry.dispose();
     		this.children[ 0 ].material.dispose();
     	}
-    };
+    }
     const _axis =  new Vector3();
     let _lineGeometry, _coneGeometry;
     class ArrowHelper extends Object3D {
@@ -32455,7 +32455,7 @@ void main() {
         PerspectiveCamera: PerspectiveCamera,
         Plane: Plane,
         PlaneGeometry: PlaneGeometry,
-        PlaneHelper: PlaneHelper$1,
+        PlaneHelper: PlaneHelper,
         PointLight: PointLight,
         PointLightHelper: PointLightHelper,
         Points: Points,
@@ -33644,17 +33644,15 @@ void main() {
     	}
     }
 
-    class PlaneHelper extends Line$1 {
-        constructor(plane, size = 1, color = 0xffff00, offset = new Vector3()) {
+    class PlaneHelper2 extends Line$1 {
+        constructor(size = 1, color = 0xc0c0c0) {
             const positions = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, -1, 0, 1, 1, 0];
             const geometry = new BufferGeometry();
             geometry.setAttribute("position", new Float32BufferAttribute(positions, 3));
             geometry.computeBoundingSphere();
             super(geometry, new LineBasicMaterial({ color, toneMapped: false }));
-            this.type = "PlaneHelper";
-            this.plane = plane;
+            this.type = "PlaneHelper2";
             this.size = size;
-            this.offset = offset;
             const positions2 = [1, 1, 0, -1, 1, 0, -1, -1, 0, 1, 1, 0, -1, -1, 0, 1, -1, 0];
             const geometry2 = new BufferGeometry();
             geometry2.setAttribute("position", new Float32BufferAttribute(positions2, 3));
@@ -33672,14 +33670,10 @@ void main() {
         dispose() {
             this.geometry.dispose();
             this.material.dispose();
-            this.children[0].geometry.dispose();
-            this.children[0].material.dispose();
+            this.helper.geometry.dispose();
+            this.helper.material.dispose();
         }
         updateMatrixWorld(force) {
-            this.position.set(0, 0, 0);
-            this.lookAt(this.plane.normal);
-            this.position.copy(this.offset);
-            this.translateZ(-(this.offset.dot(this.plane.normal) + this.plane.constant));
             this.scale.set(0.5 * this.size, 0.5 * this.size, 1);
             super.updateMatrixWorld(force);
         }
@@ -34435,26 +34429,41 @@ void main() {
     }
 
     class CuttingPlaneDragger extends OrbitDragger {
-        constructor(viewer, normal, color) {
+        constructor(viewer, normal) {
             super(viewer);
             this.transformChange = () => {
+                this.plane.normal.copy(new Vector3(0, 0, -1)).applyQuaternion(this.planeCenter.quaternion);
                 this.plane.constant = -this.planeCenter.position.dot(this.plane.normal);
                 this.viewer.update();
             };
-            this.transformDrag = (event) => {
+            this.translateDrag = (event) => {
+                this.orbit.enabled = !event.value;
+                this.rotate.enabled = !event.value;
+            };
+            this.rotateDrag = (event) => {
                 this.orbit.enabled = !event.value;
+                this.translate.enabled = !event.value;
             };
             this.updatePlaneSize = () => {
                 this.planeHelper.size = this.viewer.extents.getSize(new Vector3()).length() || 1;
                 this.viewer.update();
             };
             this.updateTransformCamera = () => {
-                this.transform.camera = this.viewer.camera;
+                this.translate.camera = this.viewer.camera;
+                this.rotate.camera = this.viewer.camera;
+            };
+            this.onKeyDown = (event) => {
+                if (event.key === "Shift")
+                    this.rotate.setRotationSnap(Math.PI / 4);
+            };
+            this.onKeyUp = (event) => {
+                if (event.key === "Shift")
+                    this.rotate.setRotationSnap(null);
             };
             this.onDoubleClick = (event) => {
                 event.stopPropagation();
-                this.plane.negate();
-                this.viewer.update();
+                this.planeCenter.rotateOnAxis(new Vector3(0, 1, 0), Math.PI);
+                this.transformChange();
             };
             const extentsSize = viewer.extents.getSize(new Vector3()).length() || 1;
             const extentsCenter = viewer.extents.getCenter(new Vector3());
@@ -34463,24 +34472,38 @@ void main() {
             if (!viewer.renderer.clippingPlanes)
                 viewer.renderer.clippingPlanes = [];
             viewer.renderer.clippingPlanes.push(this.plane);
-            this.planeHelper = new PlaneHelper(this.plane, extentsSize, color, extentsCenter);
-            this.viewer.helpers.add(this.planeHelper);
             this.planeCenter = new Object3D();
             this.planeCenter.position.copy(extentsCenter);
+            this.planeCenter.quaternion.setFromUnitVectors(new Vector3(0, 0, -1), normal);
             this.viewer.helpers.add(this.planeCenter);
-            this.transform = new TransformControls(viewer.camera, viewer.canvas);
-            this.transform.showX = !!normal.x;
-            this.transform.showY = !!normal.y;
-            this.transform.showZ = !!normal.z;
-            this.transform.attach(this.planeCenter);
-            this.transform.addEventListener("change", this.transformChange);
-            this.transform.addEventListener("dragging-changed", this.transformDrag);
-            this.viewer.helpers.add(this.transform.getHelper());
+            this.planeHelper = new PlaneHelper2(extentsSize);
+            this.planeCenter.add(this.planeHelper);
+            this.translate = new TransformControls(viewer.camera, viewer.canvas);
+            this.translate.setSpace("local");
+            this.translate.showX = false;
+            this.translate.showY = false;
+            this.translate.showZ = true;
+            this.translate.attach(this.planeCenter);
+            this.translate.addEventListener("change", this.transformChange);
+            this.translate.addEventListener("dragging-changed", this.translateDrag);
+            this.viewer.helpers.add(this.translate.getHelper());
+            this.rotate = new TransformControls(viewer.camera, viewer.canvas);
+            this.rotate.setMode("rotate");
+            this.rotate.setSpace("local");
+            this.rotate.showX = true;
+            this.rotate.showY = true;
+            this.rotate.showZ = false;
+            this.rotate.attach(this.planeCenter);
+            this.rotate.addEventListener("change", this.transformChange);
+            this.rotate.addEventListener("dragging-changed", this.rotateDrag);
+            this.viewer.helpers.add(this.rotate.getHelper());
             this.viewer.addEventListener("explode", this.updatePlaneSize);
             this.viewer.addEventListener("show", this.updatePlaneSize);
             this.viewer.addEventListener("showall", this.updatePlaneSize);
             this.viewer.addEventListener("changecameramode", this.updateTransformCamera);
             this.viewer.canvas.addEventListener("dblclick", this.onDoubleClick, true);
+            window.addEventListener("keydown", this.onKeyDown);
+            window.addEventListener("keyup", this.onKeyUp);
             this.viewer.update();
         }
         dispose() {
@@ -34489,11 +34512,18 @@ void main() {
             this.viewer.removeEventListener("showall", this.updatePlaneSize);
             this.viewer.removeEventListener("changecameramode", this.updateTransformCamera);
             this.viewer.canvas.removeEventListener("dblclick", this.onDoubleClick, true);
-            this.transform.removeEventListener("change", this.transformChange);
-            this.transform.removeEventListener("dragging-changed", this.transformDrag);
-            this.transform.getHelper().removeFromParent();
-            this.transform.detach();
-            this.transform.dispose();
+            window.removeEventListener("keydown", this.onKeyDown);
+            window.removeEventListener("keyup", this.onKeyUp);
+            this.translate.removeEventListener("change", this.transformChange);
+            this.translate.removeEventListener("dragging-changed", this.translateDrag);
+            this.translate.getHelper().removeFromParent();
+            this.translate.detach();
+            this.translate.dispose();
+            this.rotate.removeEventListener("change", this.transformChange);
+            this.rotate.removeEventListener("dragging-changed", this.rotateDrag);
+            this.rotate.getHelper().removeFromParent();
+            this.rotate.detach();
+            this.rotate.dispose();
             this.planeHelper.removeFromParent();
             this.planeHelper.dispose();
             this.planeCenter.removeFromParent();
@@ -34503,19 +34533,19 @@ void main() {
 
     class CuttingPlaneXAxisDragger extends CuttingPlaneDragger {
         constructor(viewer) {
-            super(viewer, new Vector3(1, 0, 0), 0xff0000);
+            super(viewer, new Vector3(-1, 0, 0));
         }
     }
 
     class CuttingPlaneYAxisDragger extends CuttingPlaneDragger {
         constructor(viewer) {
-            super(viewer, new Vector3(0, 1, 0), 0x00ff00);
+            super(viewer, new Vector3(0, -1, 0));
         }
     }
 
     class CuttingPlaneZAxisDragger extends CuttingPlaneDragger {
         constructor(viewer) {
-            super(viewer, new Vector3(0, 0, 1), 0x0000ff);
+            super(viewer, new Vector3(0, 0, -1));
         }
     }
 
@@ -35117,6 +35147,12 @@ void main() {
             this.movementSpeed = 0.1;
             this.multiplier = 3;
             this.groundFollowingSkippedFrames = 0;
+            this.GROUND_BOX_HALF_SIZE = 20;
+            this.GROUND_BOX_REFRESH_THRESHOLD = 0.3;
+            this._groundObjectBoxes = new Map();
+            this._activeGroundObjects = [];
+            this._groundBox = new Box3();
+            this._groundBoxCenter = new Vector3();
             this.moveWheel = 0;
             this.mouseDragOn = false;
             this._up = new Vector3();
@@ -35188,6 +35224,9 @@ void main() {
             };
             this.camera = camera;
             this.groundObjects = groundObjects;
+            for (const obj of groundObjects) {
+                this._groundObjectBoxes.set(obj, new Box3().setFromObject(obj));
+            }
             this.raycaster = new Raycaster();
             this.raycaster.near = 0;
             this.raycaster.far = this.EYE_HEIGHT + this.FAILING_DISTANCE;
@@ -35222,10 +35261,29 @@ void main() {
             window.removeEventListener("keyup", this.onKeyUp);
             super.dispose();
         }
+        _rebuildGroundBox(center) {
+            const h = this.GROUND_BOX_HALF_SIZE;
+            this._groundBoxCenter.copy(center);
+            this._groundBox.set(new Vector3(center.x - h, center.y - h * 4, center.z - h), new Vector3(center.x + h, center.y + h * 4, center.z + h));
+            this._activeGroundObjects = this.groundObjects.filter((obj) => {
+                const objectBox = this._groundObjectBoxes.get(obj);
+                return objectBox !== undefined && this._groundBox.intersectsBox(objectBox);
+            });
+        }
+        _needsGroundBoxRebuild(pos) {
+            if (this._activeGroundObjects.length === 0 && this.groundObjects.length > 0)
+                return true;
+            const threshold = this.GROUND_BOX_HALF_SIZE * this.GROUND_BOX_REFRESH_THRESHOLD;
+            return (Math.abs(pos.x - this._groundBoxCenter.x) > threshold || Math.abs(pos.z - this._groundBoxCenter.z) > threshold);
+        }
         updateGroundFollowing() {
+            const pos = this.object.position;
+            if (this._needsGroundBoxRebuild(pos)) {
+                this._rebuildGroundBox(pos);
+            }
             this._up.copy(this.camera.up).negate();
-            this.raycaster.set(this.object.position, this._up);
-            const intersects = this.raycaster.intersectObjects(this.groundObjects, false);
+            this.raycaster.set(pos, this._up);
+            const intersects = this.raycaster.intersectObjects(this._activeGroundObjects, false);
             if (intersects.length > 0) {
                 const groundY = intersects[0].point.y;
                 const targetY = groundY + this.EYE_HEIGHT;
@@ -57746,12 +57804,14 @@ js: import "konva/skia-backend";
             if (!this.renderer)
                 return;
             this._markup.clearOverlay();
+            this.emitEvent({ type: "clearoverlay" });
             this.update();
         }
         clearSlices() {
             if (!this.renderer)
                 return;
             this.renderer.clippingPlanes = [];
+            this.emitEvent({ type: "clearslices" });
             this.update();
         }
         getSelected() {