@inweb/viewer-three 26.9.1 → 26.9.2

package/dist/viewer-three.module.js

@@ -785,6 +785,13 @@ class OrbitDragger {
             this.viewer.target.copy(this.orbit.target);
             this.viewer.update();
             switch (this.orbit.state) {
+              case STATE.ROTATE:
+              case STATE.TOUCH_ROTATE:
+                this.viewer.emitEvent({
+                    type: "orbit"
+                });
+                break;
+
               case STATE.PAN:
               case STATE.TOUCH_PAN:
                 this.viewer.emitEvent({
@@ -805,6 +812,9 @@ class OrbitDragger {
                 });
                 break;
             }
+            this.viewer.emitEvent({
+                type: "changecamera"
+            });
             this.changed = true;
         };
         this.stopContextMenu = event => {
@@ -1448,6 +1458,9 @@ class WalkDragger {
         };
         this.controlsChange = () => {
             this.viewer.update();
+            this.viewer.emitEvent({
+                type: "changecamera"
+            });
         };
         this.walkspeedChange = event => {
             this.viewer.emitEvent(event);
@@ -1898,7 +1911,7 @@ class ExtentsComponent {
             const extents = new Box3;
             this.viewer.models.forEach((model => model.getExtents(extents)));
             this.viewer.extents.copy(extents);
-            extents.getCenter(this.viewer.target);
+            this.viewer.extents.getCenter(this.viewer.target);
         };
         this.viewer = viewer;
         this.viewer.addEventListener("databasechunk", this.syncExtents);
@@ -1990,25 +2003,7 @@ class ResizeCanvasComponent {
         this.resizeViewer = entries => {
             const {width: width, height: height} = entries[0].contentRect;
             if (!width || !height) return;
-            const camera = this.viewer.camera;
-            const aspect = width / height;
-            if (camera.isPerspectiveCamera) {
-                camera.aspect = aspect;
-                camera.updateProjectionMatrix();
-            }
-            if (camera.isOrthographicCamera) {
-                camera.left = camera.bottom * aspect;
-                camera.right = camera.top * aspect;
-                camera.updateProjectionMatrix();
-            }
-            this.viewer.renderer.setSize(width, height, true);
-            this.viewer.composer.setSize(width, height);
-            this.viewer.update(true);
-            this.viewer.emitEvent({
-                type: "resize",
-                width: width,
-                height: height
-            });
+            this.viewer.setSize(width, height);
         };
         this.viewer = viewer;
         this.resizeObserver = new ResizeObserver(this.resizeViewer);
@@ -2322,15 +2317,15 @@ class WCSHelper extends Object3D {
         this.orthoCamera.position.set(0, 0, 2);
         const matRed = new MeshBasicMaterial({
             toneMapped: false,
-            color: "#aa0000"
+            color: "#dd0000"
         });
         const matGreen = new MeshBasicMaterial({
             toneMapped: false,
-            color: "#00aa00"
+            color: "#00dd00"
         });
         const matBlue = new MeshBasicMaterial({
             toneMapped: false,
-            color: "#0000aa"
+            color: "#0000dd"
         });
         const spriteRed = this.getSpriteMaterial(matRed.color, "X");
         const spriteGreen = this.getSpriteMaterial(matGreen.color, "Y");
@@ -4859,7 +4854,7 @@ class Viewer extends EventEmitter2 {
         this.target = new Vector3;
         this._activeDragger = null;
         this._components = [];
-        this.renderTime = 0;
+        this._renderTime = 0;
         this.render = this.render.bind(this);
         this.update = this.update.bind(this);
         this._markup = new Markup;
@@ -4917,6 +4912,7 @@ class Viewer extends EventEmitter2 {
         this.composer.addPass(this.fxaaPass);
         this.composer.addPass(this.ssaaRenderPass);
         this.composer.addPass(this.outputPass);
+        this.composer.setSize(width, height);
         this.canvas = canvas;
         this.canvasEvents.forEach((x => canvas.addEventListener(x, this.canvaseventlistener)));
         this._markup.initialize(this.canvas, this.canvasEvents, this, this);
@@ -4925,8 +4921,8 @@ class Viewer extends EventEmitter2 {
         }
         this.syncOptions();
         this.syncOverlay();
-        this.renderTime = performance.now();
-        this.render(this.renderTime);
+        this._renderTime = performance.now();
+        this.render(this._renderTime);
         if (typeof onProgress === "function") onProgress(new ProgressEvent("progress", {
             lengthComputable: true,
             loaded: 1,
@@ -4982,8 +4978,30 @@ class Viewer extends EventEmitter2 {
     isInitialized() {
         return !!this.renderer;
     }
+    setSize(width, height, updateStyle = true) {
+        if (!this.renderer) return;
+        const camera = this.camera;
+        const aspect = width / height;
+        if (camera.isPerspectiveCamera) {
+            camera.aspect = aspect;
+            camera.updateProjectionMatrix();
+        }
+        if (camera.isOrthographicCamera) {
+            camera.left = camera.bottom * aspect;
+            camera.right = camera.top * aspect;
+            camera.updateProjectionMatrix();
+        }
+        this.renderer.setSize(width, height, updateStyle);
+        this.composer.setSize(width, height);
+        this.update(true);
+        this.emitEvent({
+            type: "resize",
+            width: width,
+            height: height
+        });
+    }
     update(force = false) {
-        this.renderNeeded = true;
+        this._renderNeeded = true;
         if (force) this.render();
         this.emitEvent({
             type: "update",
@@ -4993,11 +5011,11 @@ class Viewer extends EventEmitter2 {
     render(time, force = false) {
         var _a, _b;
         if (!this.renderer) return;
-        if (!(this.renderNeeded || force)) return;
+        if (!this._renderNeeded && !force) return;
         if (!time) time = performance.now();
-        const deltaTime = (time - this.renderTime) / 1e3;
-        this.renderTime = time;
-        this.renderNeeded = false;
+        const deltaTime = (time - this._renderTime) / 1e3;
+        this._renderTime = time;
+        this._renderNeeded = false;
         if (this.options.antialiasing === true || this.options.antialiasing === "msaa") {
             this.renderer.render(this.scene, this.camera);
             this.renderer.render(this.helpers, this.camera);