@shapediver/viewer.rendering-engine.camera-engine 1.5.3

package/dist/implementation/camera/AbstractCamera.js

@@ -0,0 +1,226 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AbstractCamera = void 0;
+const detectIt = __importStar(require("detect-it"));
+const gl_matrix_1 = require("gl-matrix");
+const viewer_shared_services_1 = require("@shapediver/viewer.shared.services");
+const tsyringe_1 = require("tsyringe");
+const viewer_shared_math_1 = require("@shapediver/viewer.shared.math");
+class AbstractCamera {
+    constructor(_viewerId, _id, _canvas, _type) {
+        this._viewerId = _viewerId;
+        this._id = _id;
+        this._canvas = _canvas;
+        this._type = _type;
+        this._autoAdjust = false;
+        this._cameraMovementDuration = 800;
+        this._defaultPosition = gl_matrix_1.vec3.create();
+        this._defaultTarget = gl_matrix_1.vec3.create();
+        this._enableCameraControls = true;
+        this._far = 1000;
+        this._near = 1;
+        this._revertAtMouseUp = false;
+        this._revertAtMouseUpDuration = 800;
+        this._zoomExtentsFactor = 1;
+        this._eventEngine = tsyringe_1.container.resolve(viewer_shared_services_1.EventEngine);
+        this._settingsEngine = tsyringe_1.container.resolve(viewer_shared_services_1.SettingsEngine);
+        this._stateEngine = tsyringe_1.container.resolve(viewer_shared_services_1.StateEngine);
+        this._boundingBox = new viewer_shared_math_1.Box();
+        this._position = gl_matrix_1.vec3.create();
+        this._target = gl_matrix_1.vec3.create();
+        this._eventEngine.addListener(viewer_shared_services_1.EVENTTYPE.SESSION.SESSION_CUSTOMIZED, (e) => {
+            const viewerEvent = e;
+            if (viewerEvent.viewerId === this._viewerId)
+                if (this._autoAdjust === true)
+                    this.zoomTo();
+        });
+        const revert = () => {
+            if (this._revertAtMouseUp === true)
+                this.reset({ duration: this._revertAtMouseUpDuration });
+        };
+        this._canvas.addEventListener("mouseup", () => revert(), detectIt.supportsPassiveEvents ? { capture: false, passive: true } : false);
+        this._canvas.addEventListener("mouseout", () => revert(), detectIt.supportsPassiveEvents ? { capture: false, passive: true } : false);
+        this._canvas.addEventListener("touchend", () => revert(), detectIt.supportsPassiveEvents ? { capture: false, passive: true } : false);
+        let zoomResizeTimeout;
+        let mouseWheelEvent = /Firefox/i.test(navigator.userAgent) ? "DOMMouseScroll" : "mousewheel";
+        this._canvas.addEventListener(mouseWheelEvent, () => {
+            clearTimeout(zoomResizeTimeout);
+            zoomResizeTimeout = setTimeout(revert, 300);
+        }, detectIt.supportsPassiveEvents ? { capture: false, passive: true } : false);
+    }
+    get autoAdjust() {
+        return this._autoAdjust;
+    }
+    set autoAdjust(value) {
+        this._autoAdjust = value;
+    }
+    set boundingBox(value) {
+        this._boundingBox = value;
+    }
+    get cameraMovementDuration() {
+        return this._cameraMovementDuration;
+    }
+    set cameraMovementDuration(value) {
+        this._cameraMovementDuration = value;
+    }
+    get controls() {
+        return this._controls;
+    }
+    get defaultPosition() {
+        return this._defaultPosition;
+    }
+    set defaultPosition(value) {
+        this._defaultPosition = value;
+    }
+    get defaultTarget() {
+        return this._defaultTarget;
+    }
+    set defaultTarget(value) {
+        this._defaultTarget = value;
+    }
+    get enableCameraControls() {
+        return this._enableCameraControls;
+    }
+    set enableCameraControls(value) {
+        this._enableCameraControls = value;
+    }
+    get far() {
+        return this._far;
+    }
+    set far(value) {
+        this._far = value;
+    }
+    get id() {
+        return this._id;
+    }
+    get near() {
+        return this._near;
+    }
+    set near(value) {
+        this._near = value;
+    }
+    get order() {
+        return this._order;
+    }
+    set order(value) {
+        this._order = value;
+    }
+    get position() {
+        return this._position;
+    }
+    set position(value) {
+        this._position = value;
+        this._controls.position = value;
+    }
+    get revertAtMouseUp() {
+        return this._revertAtMouseUp;
+    }
+    set revertAtMouseUp(value) {
+        this._revertAtMouseUp = value;
+    }
+    get revertAtMouseUpDuration() {
+        return this._revertAtMouseUpDuration;
+    }
+    set revertAtMouseUpDuration(value) {
+        this._revertAtMouseUpDuration = value;
+    }
+    get target() {
+        return this._target;
+    }
+    set target(value) {
+        this._target = value;
+        this._controls.target = value;
+    }
+    get type() {
+        return this._type;
+    }
+    get zoomExtentsFactor() {
+        return this._zoomExtentsFactor;
+    }
+    set zoomExtentsFactor(value) {
+        this._zoomExtentsFactor = value;
+    }
+    animate(path, options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (path.length === 0)
+                return Promise.resolve(false);
+            if (!this._controls.isWithinRestrictions(path[path.length - 1].position, path[path.length - 1].target))
+                return Promise.resolve(false);
+            if (!options)
+                options = {};
+            options.duration = options.duration >= 0 ? options.duration : this.cameraMovementDuration;
+            const res = yield this._controls.animate(path, options);
+            if (res) {
+                this._position = this._controls.position;
+                this._target = this._controls.target;
+            }
+            return res;
+        });
+    }
+    reset(options) {
+        if ((this.defaultPosition[0] === 0 && this.defaultPosition[1] === 0 && this.defaultPosition[2] === 0) && (this.defaultTarget[0] === 0 && this.defaultTarget[1] === 0 && this.defaultTarget[2] === 0)) {
+            return this.zoomTo(undefined, options);
+        }
+        else {
+            return this.set(gl_matrix_1.vec3.clone(this.defaultPosition), gl_matrix_1.vec3.clone(this.defaultTarget), options);
+        }
+    }
+    set(position, target, options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this._controls.isWithinRestrictions(position, target))
+                return Promise.resolve(false);
+            if (!options)
+                options = {};
+            options.duration = options.duration >= 0 ? options.duration : this.cameraMovementDuration;
+            const res = yield this._controls.animate([
+                { position: gl_matrix_1.vec3.clone(this.position), target: gl_matrix_1.vec3.clone(this.target) },
+                { position, target }
+            ], options);
+            if (res) {
+                this._position = this._controls.position;
+                this._target = this._controls.target;
+            }
+            return res;
+        });
+    }
+    update(time) {
+        const { position, target } = this._controls.update(time);
+        this.position = gl_matrix_1.vec3.clone(position);
+        this.target = gl_matrix_1.vec3.clone(target);
+        return { position, target };
+    }
+    zoomTo(zoomTarget, options) {
+        const { position, target } = this.getZoomPositionAndTarget(zoomTarget);
+        return this.set(position, target, options);
+    }
+}
+exports.AbstractCamera = AbstractCamera;
+//# sourceMappingURL=AbstractCamera.js.map

package/dist/implementation/camera/AbstractCamera.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AbstractCamera.js","sourceRoot":"","sources":["../../../src/implementation/camera/AbstractCamera.ts"],"names":[],"mappings":"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"}

package/dist/implementation/camera/OrthographicCamera.d.ts

@@ -0,0 +1,33 @@
+import { vec2, vec3 } from 'gl-matrix';
+import { Box } from '@shapediver/viewer.shared.math';
+import { AbstractCamera } from './AbstractCamera';
+import { ORTHOGRAPHIC_CAMERA_DIRECTION } from '../../interfaces/camera/IOrthographicCamera';
+export declare class OrthographicCamera extends AbstractCamera {
+    private readonly _converter;
+    private _bottom;
+    private _left;
+    private _right;
+    private _top;
+    private _up;
+    private _direction;
+    constructor(viewerId: string, id: string, canvas: HTMLCanvasElement);
+    get bottom(): number;
+    set bottom(value: number);
+    get direction(): ORTHOGRAPHIC_CAMERA_DIRECTION;
+    set direction(value: ORTHOGRAPHIC_CAMERA_DIRECTION);
+    get left(): number;
+    set left(value: number);
+    get right(): number;
+    set right(value: number);
+    get top(): number;
+    set top(value: number);
+    get up(): vec3;
+    set up(value: vec3);
+    applySettings(): void;
+    getZoomPositionAndTarget(zoomTarget?: Box): {
+        position: vec3;
+        target: vec3;
+    };
+    project(pos: vec3): vec2;
+}
+//# sourceMappingURL=OrthographicCamera.d.ts.map

package/dist/implementation/camera/OrthographicCamera.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrthographicCamera.d.ts","sourceRoot":"","sources":["../../../src/implementation/camera/OrthographicCamera.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,IAAI,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAA;AAGpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,EAAE,6BAA6B,EAAE,MAAM,6CAA6C,CAAA;AAG3F,qBAAa,kBAAmB,SAAQ,cAAc;IAGnD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsD;IAEjF,OAAO,CAAC,OAAO,CAAe;IAC9B,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,MAAM,CAAe;IAC7B,OAAO,CAAC,IAAI,CAAe;IAC3B,OAAO,CAAC,GAAG,CAAkC;IAC7C,OAAO,CAAC,UAAU,CAAoE;gBAM1E,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,iBAAiB;IASnE,IAAW,MAAM,IAAI,MAAM,CAE1B;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAE9B;IAED,IAAW,SAAS,IAAI,6BAA6B,CAEpD;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,6BAA6B,EA8BxD;IAED,IAAW,IAAI,IAAI,MAAM,CAExB;IAED,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAE5B;IAED,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,EAE7B;IAED,IAAW,GAAG,IAAI,MAAM,CAEvB;IAED,IAAW,GAAG,CAAC,KAAK,EAAE,MAAM,EAE3B;IAED,IAAW,EAAE,IAAI,IAAI,CAEpB;IAED,IAAW,EAAE,CAAC,KAAK,EAAE,IAAI,EAExB;IAMM,aAAa;IA6Bb,wBAAwB,CAAC,UAAU,CAAC,EAAE,GAAG,GAAG;QAAE,QAAQ,EAAE,IAAI,CAAC;QAAC,MAAM,EAAE,IAAI,CAAC;KAAE;IAsD7E,OAAO,CAAC,GAAG,EAAE,IAAI,GAAG,IAAI;CASjC"}

package/dist/implementation/camera/OrthographicCamera.js

@@ -0,0 +1,176 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OrthographicCamera = void 0;
+const viewer_shared_services_1 = require("@shapediver/viewer.shared.services");
+const tsyringe_1 = require("tsyringe");
+const gl_matrix_1 = require("gl-matrix");
+const ICameraEngine_1 = require("../../interfaces/ICameraEngine");
+const AbstractCamera_1 = require("./AbstractCamera");
+const OrthographicCameraControls_1 = require("../controls/OrthographicCameraControls");
+const IOrthographicCamera_1 = require("../../interfaces/camera/IOrthographicCamera");
+class OrthographicCamera extends AbstractCamera_1.AbstractCamera {
+    constructor(viewerId, id, canvas) {
+        super(viewerId, id, canvas, ICameraEngine_1.CAMERATYPE.ORTHOGRAPHIC);
+        this._converter = tsyringe_1.container.resolve(viewer_shared_services_1.Converter);
+        this._bottom = 100;
+        this._left = 100;
+        this._right = 100;
+        this._top = 100;
+        this._up = gl_matrix_1.vec3.fromValues(0, 1, 0);
+        this._direction = IOrthographicCamera_1.ORTHOGRAPHIC_CAMERA_DIRECTION.TOP;
+        this._controls = new OrthographicCameraControls_1.OrthographicCameraControls(viewerId, this, canvas, true);
+    }
+    get bottom() {
+        return this._bottom;
+    }
+    set bottom(value) {
+        this._bottom = value;
+    }
+    get direction() {
+        return this._direction;
+    }
+    set direction(value) {
+        const changedDirection = this._direction !== value;
+        this._direction = value;
+        switch (this._direction) {
+            case IOrthographicCamera_1.ORTHOGRAPHIC_CAMERA_DIRECTION.TOP:
+            case IOrthographicCamera_1.ORTHOGRAPHIC_CAMERA_DIRECTION.BOTTOM:
+                this.up = gl_matrix_1.vec3.fromValues(0, 1, 0);
+                break;
+            case IOrthographicCamera_1.ORTHOGRAPHIC_CAMERA_DIRECTION.RIGHT:
+                this.up = gl_matrix_1.vec3.fromValues(0, 0, 1);
+                break;
+            case IOrthographicCamera_1.ORTHOGRAPHIC_CAMERA_DIRECTION.LEFT:
+                this.up = gl_matrix_1.vec3.fromValues(0, 0, 1);
+                break;
+            case IOrthographicCamera_1.ORTHOGRAPHIC_CAMERA_DIRECTION.BACK:
+                this.up = gl_matrix_1.vec3.fromValues(0, 0, 1);
+                break;
+            case IOrthographicCamera_1.ORTHOGRAPHIC_CAMERA_DIRECTION.FRONT:
+                this.up = gl_matrix_1.vec3.fromValues(0, 0, 1);
+                break;
+            default:
+                this.up = gl_matrix_1.vec3.fromValues(0, -1, 0);
+        }
+        if (changedDirection) {
+            const { position, target } = this.getZoomPositionAndTarget(undefined);
+            this.defaultPosition = gl_matrix_1.vec3.clone(position);
+            this.defaultTarget = gl_matrix_1.vec3.clone(target);
+        }
+    }
+    get left() {
+        return this._left;
+    }
+    set left(value) {
+        this._left = value;
+    }
+    get right() {
+        return this._right;
+    }
+    set right(value) {
+        this._right = value;
+    }
+    get top() {
+        return this._top;
+    }
+    set top(value) {
+        this._top = value;
+    }
+    get up() {
+        return this._up;
+    }
+    set up(value) {
+        this._up = value;
+    }
+    applySettings() {
+        const cameraSetting = this._settingsEngine.camera.cameras[this.id];
+        if (cameraSetting) {
+            this.autoAdjust = cameraSetting.autoAdjust;
+            this.cameraMovementDuration = cameraSetting.cameraMovementDuration;
+            this.enableCameraControls = cameraSetting.enableCameraControls;
+            this.revertAtMouseUp = cameraSetting.revertAtMouseUp;
+            this.revertAtMouseUpDuration = cameraSetting.revertAtMouseUpDuration;
+            this.zoomExtentsFactor = cameraSetting.zoomExtentsFactor;
+            let position = this._converter.toVec3(cameraSetting.position);
+            let target = this._converter.toVec3(cameraSetting.target);
+            this.defaultPosition = gl_matrix_1.vec3.clone(position);
+            this.defaultTarget = gl_matrix_1.vec3.clone(target);
+            this.position = position;
+            this.target = target;
+        }
+        if (this.position[0] === this.target[0] && this.position[1] === this.target[1] && this.position[2] === this.target[2]) {
+            this._stateEngine.boundingBoxCreated.then(() => __awaiter(this, void 0, void 0, function* () {
+                yield this.zoomTo(undefined, { duration: 0 });
+                this.defaultPosition = gl_matrix_1.vec3.clone(this._controls.position);
+                this.defaultTarget = gl_matrix_1.vec3.clone(this._controls.target);
+            }));
+        }
+        this._controls.applySettings();
+    }
+    getZoomPositionAndTarget(zoomTarget) {
+        let box;
+        if (!zoomTarget) {
+            box = this._boundingBox.clone();
+        }
+        else {
+            box = zoomTarget.clone();
+        }
+        const factor = 2 * box.boundingSphere.radius * this.zoomExtentsFactor;
+        const center = gl_matrix_1.vec3.clone(box.boundingSphere.center);
+        switch (this._direction) {
+            case IOrthographicCamera_1.ORTHOGRAPHIC_CAMERA_DIRECTION.TOP:
+                return {
+                    position: gl_matrix_1.vec3.fromValues(center[0], center[1], center[2] + factor),
+                    target: gl_matrix_1.vec3.clone(center)
+                };
+            case IOrthographicCamera_1.ORTHOGRAPHIC_CAMERA_DIRECTION.BOTTOM:
+                return {
+                    position: gl_matrix_1.vec3.fromValues(center[0], center[1], center[2] - factor),
+                    target: gl_matrix_1.vec3.clone(center)
+                };
+            case IOrthographicCamera_1.ORTHOGRAPHIC_CAMERA_DIRECTION.RIGHT:
+                return {
+                    position: gl_matrix_1.vec3.fromValues(center[0] + factor, center[1], center[2]),
+                    target: gl_matrix_1.vec3.clone(center)
+                };
+            case IOrthographicCamera_1.ORTHOGRAPHIC_CAMERA_DIRECTION.LEFT:
+                return {
+                    position: gl_matrix_1.vec3.fromValues(center[0] - factor, center[1], center[2]),
+                    target: gl_matrix_1.vec3.clone(center)
+                };
+            case IOrthographicCamera_1.ORTHOGRAPHIC_CAMERA_DIRECTION.BACK:
+                return {
+                    position: gl_matrix_1.vec3.fromValues(center[0], center[1] + factor, center[2]),
+                    target: gl_matrix_1.vec3.clone(center)
+                };
+            case IOrthographicCamera_1.ORTHOGRAPHIC_CAMERA_DIRECTION.FRONT:
+                return {
+                    position: gl_matrix_1.vec3.fromValues(center[0], center[1] - factor, center[2]),
+                    target: gl_matrix_1.vec3.clone(center)
+                };
+            default:
+                return {
+                    position: gl_matrix_1.vec3.fromValues(center[0], center[1], center[2] + factor),
+                    target: gl_matrix_1.vec3.clone(center)
+                };
+        }
+    }
+    project(pos) {
+        const m = gl_matrix_1.mat4.targetTo(gl_matrix_1.mat4.create(), this.position, this.target, this.up);
+        const p = gl_matrix_1.mat4.ortho(gl_matrix_1.mat4.create(), this.left, this.right, this.bottom, this.top, this.near, this.far);
+        gl_matrix_1.vec3.transformMat4(pos, pos, gl_matrix_1.mat4.invert(m, m));
+        gl_matrix_1.vec3.transformMat4(pos, pos, p);
+        return gl_matrix_1.vec2.fromValues(pos[0], pos[1]);
+    }
+}
+exports.OrthographicCamera = OrthographicCamera;
+//# sourceMappingURL=OrthographicCamera.js.map

package/dist/implementation/camera/OrthographicCamera.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrthographicCamera.js","sourceRoot":"","sources":["../../../src/implementation/camera/OrthographicCamera.ts"],"names":[],"mappings":"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"}

package/dist/implementation/camera/PerspectiveCamera.d.ts

@@ -0,0 +1,20 @@
+import { vec2, vec3 } from 'gl-matrix';
+import { Box } from '@shapediver/viewer.shared.math';
+import { AbstractCamera } from './AbstractCamera';
+export declare class PerspectiveCamera extends AbstractCamera {
+    private readonly _converter;
+    private _aspect;
+    private _fov;
+    constructor(viewerId: string, id: string, canvas: HTMLCanvasElement);
+    get aspect(): number | undefined;
+    set aspect(value: number | undefined);
+    get fov(): number;
+    set fov(value: number);
+    applySettings(): void;
+    getZoomPositionAndTarget(zoomTarget?: Box): {
+        position: vec3;
+        target: vec3;
+    };
+    project(pos: vec3, position?: vec3, target?: vec3): vec2;
+}
+//# sourceMappingURL=PerspectiveCamera.d.ts.map

package/dist/implementation/camera/PerspectiveCamera.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PerspectiveCamera.d.ts","sourceRoot":"","sources":["../../../src/implementation/camera/PerspectiveCamera.ts"],"names":[],"mappings":"AAEA,OAAO,EAAc,IAAI,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,EAAE,GAAG,EAAS,MAAM,gCAAgC,CAAA;AAG3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAKjD,qBAAa,iBAAkB,SAAQ,cAAc;IAGnD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsD;IAEjF,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,IAAI,CAAc;gBAMd,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,iBAAiB;IASnE,IAAW,MAAM,IAAI,MAAM,GAAE,SAAS,CAErC;IAED,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAE1C;IAED,IAAW,GAAG,IAAI,MAAM,CAEvB;IAED,IAAW,GAAG,CAAC,KAAK,EAAE,MAAM,EAE3B;IAMM,aAAa;IA8Bb,wBAAwB,CAAC,UAAU,CAAC,EAAE,GAAG,GAAG;QAAE,QAAQ,EAAE,IAAI,CAAC;QAAC,MAAM,EAAE,IAAI,CAAA;KAAE;IA2F5E,OAAO,CAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,OAAgB,EAAE,MAAM,OAAc,GAAG,IAAI;CAUhF"}

package/dist/implementation/camera/PerspectiveCamera.js

@@ -0,0 +1,143 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PerspectiveCamera = void 0;
+const viewer_shared_services_1 = require("@shapediver/viewer.shared.services");
+const tsyringe_1 = require("tsyringe");
+const gl_matrix_1 = require("gl-matrix");
+const viewer_shared_math_1 = require("@shapediver/viewer.shared.math");
+const ICameraEngine_1 = require("../../interfaces/ICameraEngine");
+const AbstractCamera_1 = require("./AbstractCamera");
+const PerspectiveCameraControls_1 = require("../controls/PerspectiveCameraControls");
+class PerspectiveCamera extends AbstractCamera_1.AbstractCamera {
+    constructor(viewerId, id, canvas) {
+        super(viewerId, id, canvas, ICameraEngine_1.CAMERATYPE.PERSPECTIVE);
+        this._converter = tsyringe_1.container.resolve(viewer_shared_services_1.Converter);
+        this._fov = 60;
+        this._controls = new PerspectiveCameraControls_1.PerspectiveCameraControls(viewerId, this, canvas, true);
+    }
+    get aspect() {
+        return this._aspect;
+    }
+    set aspect(value) {
+        this._aspect = value;
+    }
+    get fov() {
+        return this._fov;
+    }
+    set fov(value) {
+        this._fov = value;
+    }
+    applySettings() {
+        const cameraSetting = this._settingsEngine.camera.cameras[this.id];
+        if (cameraSetting) {
+            this.autoAdjust = cameraSetting.autoAdjust;
+            this.cameraMovementDuration = cameraSetting.cameraMovementDuration;
+            this.enableCameraControls = cameraSetting.enableCameraControls;
+            this.revertAtMouseUp = cameraSetting.revertAtMouseUp;
+            this.revertAtMouseUpDuration = cameraSetting.revertAtMouseUpDuration;
+            this.zoomExtentsFactor = cameraSetting.zoomExtentsFactor;
+            let position = this._converter.toVec3(cameraSetting.position);
+            let target = this._converter.toVec3(cameraSetting.target);
+            this.defaultPosition = gl_matrix_1.vec3.clone(position);
+            this.defaultTarget = gl_matrix_1.vec3.clone(target);
+            this.position = position;
+            this.target = target;
+            this.fov = cameraSetting.fov;
+        }
+        if (this.position[0] === this.target[0] && this.position[1] === this.target[1] && this.position[2] === this.target[2]) {
+            this._stateEngine.boundingBoxCreated.then(() => __awaiter(this, void 0, void 0, function* () {
+                yield this.zoomTo(undefined, { duration: 0 });
+                this.defaultPosition = gl_matrix_1.vec3.clone(this._controls.position);
+                this.defaultTarget = gl_matrix_1.vec3.clone(this._controls.target);
+            }));
+        }
+        this._controls.applySettings();
+    }
+    getZoomPositionAndTarget(zoomTarget) {
+        let box;
+        if (!zoomTarget) {
+            box = this._boundingBox.clone();
+        }
+        else {
+            box = zoomTarget.clone();
+        }
+        if (box.isEmpty())
+            return { position: gl_matrix_1.vec3.create(), target: gl_matrix_1.vec3.create() };
+        const samePosition = this.position[0] === this.target[0] && this.position[1] === this.target[1] && this.position[2] === this.target[2];
+        let target = gl_matrix_1.vec3.fromValues((box.max[0] + box.min[0]) / 2, (box.max[1] + box.min[1]) / 2, (box.max[2] + box.min[2]) / 2);
+        if (this.position[0] === this.target[0] && this.position[1] === this.target[1] && this.position[2] === this.target[2])
+            this.position = gl_matrix_1.vec3.fromValues(target[0], target[1] - 7.5, target[2] + 5);
+        const boxDir = gl_matrix_1.vec3.subtract(gl_matrix_1.vec3.create(), box.max, target);
+        gl_matrix_1.vec3.multiply(boxDir, boxDir, samePosition ? gl_matrix_1.vec3.fromValues(2, 2, 2) : gl_matrix_1.vec3.fromValues(this.zoomExtentsFactor, this.zoomExtentsFactor, this.zoomExtentsFactor));
+        box = new viewer_shared_math_1.Box(gl_matrix_1.vec3.subtract(gl_matrix_1.vec3.create(), target, boxDir), gl_matrix_1.vec3.add(gl_matrix_1.vec3.create(), target, boxDir));
+        const direction = gl_matrix_1.vec3.normalize(gl_matrix_1.vec3.create(), gl_matrix_1.vec3.subtract(gl_matrix_1.vec3.create(), target, this.position));
+        let cross = gl_matrix_1.vec3.normalize(gl_matrix_1.vec3.create(), gl_matrix_1.vec3.cross(gl_matrix_1.vec3.create(), gl_matrix_1.vec3.fromValues(0, 0, 1), direction));
+        let up = gl_matrix_1.vec3.normalize(gl_matrix_1.vec3.create(), gl_matrix_1.vec3.cross(gl_matrix_1.vec3.create(), cross, direction));
+        let position = gl_matrix_1.vec3.add(gl_matrix_1.vec3.create(), target, gl_matrix_1.vec3.multiply(gl_matrix_1.vec3.create(), direction, gl_matrix_1.vec3.fromValues(-0.00000001, -0.00000001, -0.00000001)));
+        let points = [];
+        points.push(gl_matrix_1.vec3.fromValues(box.min[0], box.min[1], box.min[2]));
+        points.push(gl_matrix_1.vec3.fromValues(box.min[0], box.min[1], box.max[2]));
+        points.push(gl_matrix_1.vec3.fromValues(box.min[0], box.max[1], box.min[2]));
+        points.push(gl_matrix_1.vec3.fromValues(box.min[0], box.max[1], box.max[2]));
+        points.push(gl_matrix_1.vec3.fromValues(box.max[0], box.min[1], box.min[2]));
+        points.push(gl_matrix_1.vec3.fromValues(box.max[0], box.min[1], box.max[2]));
+        points.push(gl_matrix_1.vec3.fromValues(box.max[0], box.max[1], box.min[2]));
+        points.push(gl_matrix_1.vec3.fromValues(box.max[0], box.max[1], box.max[2]));
+        let fovDown = gl_matrix_1.vec3.normalize(gl_matrix_1.vec3.create(), gl_matrix_1.vec3.transformQuat(gl_matrix_1.vec3.create(), direction, gl_matrix_1.quat.setAxisAngle(gl_matrix_1.quat.create(), cross, (this.fov / 2) * (Math.PI / 180))));
+        let fovUp = gl_matrix_1.vec3.normalize(gl_matrix_1.vec3.create(), gl_matrix_1.vec3.transformQuat(gl_matrix_1.vec3.create(), direction, gl_matrix_1.quat.setAxisAngle(gl_matrix_1.quat.create(), cross, -(this.fov / 2) * (Math.PI / 180))));
+        const aspect = this.aspect || 1.5;
+        let hFoV = 2 * Math.atan(Math.tan(this.fov * Math.PI / 180 / 2) * aspect);
+        let fovRight = gl_matrix_1.vec3.normalize(gl_matrix_1.vec3.create(), gl_matrix_1.vec3.transformQuat(gl_matrix_1.vec3.create(), direction, gl_matrix_1.quat.setAxisAngle(gl_matrix_1.quat.create(), up, hFoV / 2)));
+        let fovLeft = gl_matrix_1.vec3.normalize(gl_matrix_1.vec3.create(), gl_matrix_1.vec3.transformQuat(gl_matrix_1.vec3.create(), direction, gl_matrix_1.quat.setAxisAngle(gl_matrix_1.quat.create(), up, -hFoV / 2)));
+        let planeCross = new viewer_shared_math_1.Plane(gl_matrix_1.vec3.clone(cross), 0);
+        planeCross.setFromNormalAndCoplanarPoint(gl_matrix_1.vec3.clone(cross), gl_matrix_1.vec3.clone(target));
+        let planeUp = new viewer_shared_math_1.Plane(gl_matrix_1.vec3.fromValues(0, 0, 1), 0);
+        planeUp.setFromNormalAndCoplanarPoint(gl_matrix_1.vec3.clone(up), gl_matrix_1.vec3.clone(target));
+        let distanceCamera = 0.0;
+        for (let i = 0; i < points.length; i++) {
+            let projected = planeCross.clampPoint(points[i]);
+            let toP = gl_matrix_1.vec3.normalize(gl_matrix_1.vec3.create(), gl_matrix_1.vec3.subtract(gl_matrix_1.vec3.create(), projected, position));
+            if (gl_matrix_1.vec3.dot(direction, fovDown) > gl_matrix_1.vec3.dot(direction, toP)) {
+                const currentDir = gl_matrix_1.vec3.multiply(gl_matrix_1.vec3.create(), gl_matrix_1.vec3.dot(fovDown, toP) > gl_matrix_1.vec3.dot(fovUp, toP) ? fovDown : fovUp, gl_matrix_1.vec3.fromValues(-1, -1, -1));
+                const distance = planeUp.intersect(projected, currentDir);
+                if (distance) {
+                    const cameraPoint = gl_matrix_1.vec3.add(gl_matrix_1.vec3.create(), gl_matrix_1.vec3.multiply(gl_matrix_1.vec3.create(), currentDir, gl_matrix_1.vec3.fromValues(distance, distance, distance)), projected);
+                    distanceCamera = Math.max(distanceCamera, gl_matrix_1.vec3.distance(target, cameraPoint));
+                }
+            }
+            projected = planeUp.clampPoint(points[i]);
+            toP = gl_matrix_1.vec3.normalize(gl_matrix_1.vec3.create(), gl_matrix_1.vec3.subtract(gl_matrix_1.vec3.create(), projected, position));
+            if (gl_matrix_1.vec3.dot(direction, fovRight) > gl_matrix_1.vec3.dot(direction, toP)) {
+                const currentDir = gl_matrix_1.vec3.multiply(gl_matrix_1.vec3.create(), gl_matrix_1.vec3.dot(fovRight, toP) > gl_matrix_1.vec3.dot(fovLeft, toP) ? fovRight : fovLeft, gl_matrix_1.vec3.fromValues(-1, -1, -1));
+                const distance = planeCross.intersect(projected, currentDir);
+                if (distance) {
+                    const cameraPoint = gl_matrix_1.vec3.add(gl_matrix_1.vec3.create(), gl_matrix_1.vec3.multiply(gl_matrix_1.vec3.create(), currentDir, gl_matrix_1.vec3.fromValues(distance, distance, distance)), projected);
+                    distanceCamera = Math.max(distanceCamera, gl_matrix_1.vec3.distance(target, cameraPoint));
+                }
+            }
+        }
+        position = gl_matrix_1.vec3.add(gl_matrix_1.vec3.create(), target, gl_matrix_1.vec3.multiply(gl_matrix_1.vec3.create(), direction, gl_matrix_1.vec3.fromValues(-distanceCamera, -distanceCamera, -distanceCamera)));
+        return {
+            position, target
+        };
+    }
+    project(pos, position = this.position, target = this.target) {
+        const m = gl_matrix_1.mat4.targetTo(gl_matrix_1.mat4.create(), position, target, gl_matrix_1.vec3.fromValues(0, 0, 1));
+        const aspect = this.aspect || 1.5;
+        const p = gl_matrix_1.mat4.perspective(gl_matrix_1.mat4.create(), this.fov / (180 / Math.PI), aspect, this.near, this.far);
+        gl_matrix_1.vec3.transformMat4(pos, pos, gl_matrix_1.mat4.invert(m, m));
+        gl_matrix_1.vec3.transformMat4(pos, pos, p);
+        return gl_matrix_1.vec2.fromValues(pos[0], pos[1]);
+    }
+}
+exports.PerspectiveCamera = PerspectiveCamera;
+//# sourceMappingURL=PerspectiveCamera.js.map