copper3d 1.15.0

package/dist/Renderer/baseRenderer.js

@@ -0,0 +1,223 @@
+import * as THREE from "three";
+import baseScene from "../Scene/baseScene";
+import { environments } from "../lib/environment/index";
+import { RGBELoader } from "three/examples/jsm/loaders/RGBELoader";
+import Stats from "three/examples/jsm/libs/stats.module";
+import { GUI } from "dat.gui";
+export default class baseRenderer {
+    constructor(container, options) {
+        var _a, _b;
+        this.visualCtrls = [];
+        this.container = container;
+        this.options = options;
+        if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.alpha) {
+            this.renderer = new THREE.WebGLRenderer({
+                antialias: true,
+                alpha: true,
+            });
+            this.setClearColor();
+        }
+        else {
+            this.renderer = new THREE.WebGLRenderer({
+                antialias: true,
+            });
+        }
+        this.renderer.useLegacyLights = true;
+        this.renderer.outputColorSpace = THREE.SRGBColorSpace;
+        this.gui = null;
+        this.stats = new Stats();
+        this.pmremGenerator = new THREE.PMREMGenerator(this.renderer);
+        this.pmremGenerator.compileEquirectangularShader();
+        this.renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
+        if (!!((_b = this.options) === null || _b === void 0 ? void 0 : _b.alpha)) {
+            this.currentScene = new baseScene(this.container, this.renderer, true);
+        }
+        else {
+            this.currentScene = new baseScene(this.container, this.renderer, false);
+        }
+        this.currentScene.sceneName = "default";
+        !!this.currentScene.vignette &&
+            this.updateEnvironment(this.currentScene.vignette);
+        this.state = {
+            playbackSpeed: 1.0,
+            wireframe: false,
+            skeleton: false,
+            grid: false,
+            // Lights
+            addLights: true,
+            exposure: 1.0,
+            ambientIntensity: 0.3,
+            ambientColor: 0x202020,
+            directIntensity: 0.8 * Math.PI,
+            directColor: 0xffffff,
+            bgColor1: "#5454ad",
+            bgColor2: "#18e5a7",
+        };
+        this.visualiseFolder = null;
+        this.cameraFolder = null;
+        this.init();
+    }
+    init() {
+        var _a;
+        if (this.currentScene.sceneName === "")
+            this.currentScene.sceneName = "default";
+        if (((_a = this.options) === null || _a === void 0 ? void 0 : _a.guiOpen) && !this.gui) {
+            this.addGui();
+        }
+        [].forEach.call(this.stats.dom.children, (child) => (child.style.display = ""));
+        this.container.appendChild(this.renderer.domElement);
+    }
+    updateEnvironment(vignette) {
+        const environment = environments.filter((entry) => entry.name === "Venice Sunset")[0];
+        this.getCubeMapTexture(environment).then((envMap) => {
+            const currentScene = this.getCurrentScene();
+            if (envMap) {
+                vignette && (currentScene === null || currentScene === void 0 ? void 0 : currentScene.scene.add(vignette.mesh));
+            }
+            currentScene.scene.environment = envMap;
+            currentScene.scene.background = envMap;
+        });
+    }
+    getCubeMapTexture(environment) {
+        const { path } = environment;
+        if (!path)
+            return Promise.resolve({ envMap: null });
+        return new Promise((resolve, reject) => {
+            new RGBELoader().load(path, (texture) => {
+                const envMap = this.pmremGenerator.fromEquirectangular(texture).texture;
+                this.pmremGenerator.dispose();
+                resolve(envMap);
+            }, undefined, reject);
+        });
+    }
+    getCurrentScene() {
+        return this.currentScene;
+    }
+    hideGui() {
+        this.gui && this.gui.hide();
+    }
+    closeGui() {
+        this.gui && (this.gui.closed = true);
+    }
+    setClearColor(clearColor = 0x000000, alpha = 0) {
+        this.renderer.setClearColor(clearColor, alpha);
+    }
+    addGui() {
+        var _a, _b, _c;
+        const gui = (this.gui = new GUI({
+            width: 260,
+        }));
+        const modelFolder = gui.addFolder("Visualisation settings");
+        const wireframeCtrl = modelFolder.add(this.state, "wireframe");
+        wireframeCtrl.onChange(() => this.currentScene.updateDisplay(this.state));
+        // model visualisation
+        this.visualiseFolder = modelFolder.addFolder("ModelVisualisation");
+        // bg
+        const bgColor1Ctrl = modelFolder.addColor(this.state, "bgColor1");
+        const bgColor2Ctrl = modelFolder.addColor(this.state, "bgColor2");
+        bgColor1Ctrl.onChange(() => this.currentScene.updateBackground(this.state.bgColor1, this.state.bgColor2));
+        bgColor2Ctrl.onChange(() => this.currentScene.updateBackground(this.state.bgColor1, this.state.bgColor2));
+        // camera
+        if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.camera) {
+            this.cameraFolder = gui.addFolder("Camera");
+        }
+        // Performance
+        if ((_b = this.options) === null || _b === void 0 ? void 0 : _b.performance) {
+            const perfFolder = gui.addFolder("Performance");
+            const perfLi = document.createElement("li");
+            this.stats.dom.style.position = "static";
+            perfLi.appendChild(this.stats.dom);
+            perfLi.style.height = "50px";
+            perfFolder.__ul.appendChild(perfLi);
+        }
+        // lights
+        if ((_c = this.options) === null || _c === void 0 ? void 0 : _c.light) {
+            const lightFolder = gui.addFolder("LightsFolder");
+            [
+                lightFolder.add(this.state, "addLights").listen(),
+                lightFolder.add(this.state, "ambientIntensity", 0, 2),
+                lightFolder.addColor(this.state, "ambientColor"),
+                lightFolder.add(this.state, "directIntensity", 0, 4),
+                lightFolder.addColor(this.state, "directColor"),
+            ].forEach((ctrl) => ctrl.onChange(() => this.currentScene.updateLights(this.state)));
+        }
+        // gui.add(this.state, "exportGltf");
+    }
+    updateGui() {
+        if (this.visualCtrls.length !== 0) {
+            this.visualCtrls.forEach((ctrl) => {
+                var _a;
+                (_a = this.visualiseFolder) === null || _a === void 0 ? void 0 : _a.remove(ctrl);
+            });
+        }
+        this.visualCtrls = [];
+        let count = 0;
+        const timer = setInterval(() => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            if (this.currentScene.content.children.length > 0 || count >= 5) {
+                count = 0;
+                clearInterval(timer);
+            }
+            let flag = true;
+            let modelChildrenArray = [];
+            const modelChildren = (_a = this.currentScene.content) === null || _a === void 0 ? void 0 : _a.children;
+            const pushChildren = (child) => {
+                if (child.isMesh) {
+                    flag = false;
+                    const temp = {
+                        name: child.name || "Untitled",
+                        visible: child.visible,
+                        mesh: child,
+                    };
+                    modelChildrenArray.push(temp);
+                }
+            };
+            (_b = this.currentScene.content) === null || _b === void 0 ? void 0 : _b.traverse((child) => {
+                if (child.isMesh) {
+                    pushChildren(child);
+                }
+            });
+            modelChildrenArray.forEach((item) => {
+                const ctrl = this.visualiseFolder
+                    .add(item, "visible")
+                    .name(item.name)
+                    .onChange(() => {
+                    this.currentScene.updateModelChildrenVisualisation(item.mesh);
+                });
+                this.visualCtrls.push(ctrl);
+            });
+            // camera
+            if (this.cameraFolder) {
+                if (this.cameraFolder.__controllers.length > 0) {
+                    const controllers = [];
+                    this.cameraFolder.__controllers.forEach((c) => {
+                        controllers.push(c);
+                    });
+                    controllers.forEach((c) => {
+                        var _a;
+                        (_a = this.cameraFolder) === null || _a === void 0 ? void 0 : _a.remove(c);
+                    });
+                }
+                (_c = this.cameraFolder) === null || _c === void 0 ? void 0 : _c.add(this.currentScene.camera, "near");
+                (_d = this.cameraFolder) === null || _d === void 0 ? void 0 : _d.add(this.currentScene.camera, "far");
+                const subCameraFolders = (_e = this.cameraFolder) === null || _e === void 0 ? void 0 : _e.__folders;
+                for (let key in subCameraFolders) {
+                    if (Object.prototype.hasOwnProperty.call(subCameraFolders, key)) {
+                        const sub = subCameraFolders[key];
+                        (_f = this.cameraFolder) === null || _f === void 0 ? void 0 : _f.removeFolder(sub);
+                    }
+                }
+                const position = (_g = this.cameraFolder) === null || _g === void 0 ? void 0 : _g.addFolder("position");
+                position.add(this.currentScene.camera.position, "x");
+                position.add(this.currentScene.camera.position, "y");
+                position.add(this.currentScene.camera.position, "z");
+                const up = (_h = this.cameraFolder) === null || _h === void 0 ? void 0 : _h.addFolder("up");
+                up.add(this.currentScene.camera.up, "x");
+                up.add(this.currentScene.camera.up, "y");
+                up.add(this.currentScene.camera.up, "z");
+            }
+            count += 1;
+        }, 3000);
+    }
+}
+//# sourceMappingURL=baseRenderer.js.map

package/dist/Renderer/baseRenderer.js.map

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

package/dist/Renderer/copperMSceneRenderer.d.ts

@@ -0,0 +1,21 @@
+import * as THREE from "three";
+import copperMScene from "../Scene/copperMScene";
+import { positionType } from "../types/types";
+export default class copperMSceneRenderer {
+    numberOfScene: number;
+    container: HTMLDivElement;
+    elems: Array<HTMLDivElement>;
+    scenes: Array<THREE.Scene>;
+    cameras: Array<THREE.PerspectiveCamera>;
+    renderer: THREE.WebGLRenderer;
+    canvas: HTMLCanvasElement;
+    sceneInfos: Array<copperMScene>;
+    pmremGenerator: THREE.PMREMGenerator;
+    constructor(container: HTMLDivElement, numberOfScene: number, cameraPosition?: positionType);
+    init(): void;
+    updateEnvironment(sceneIn: copperMScene): void;
+    private getCubeMapTexture;
+    renderSceneInfo: (sceneInfo: copperMScene) => void;
+    resizeRendererToDisplaySize: () => void;
+    animate: () => void;
+}

package/dist/Renderer/copperMSceneRenderer.js

@@ -0,0 +1,115 @@
+import * as THREE from "three";
+import { environments } from "../lib/environment/index";
+import { RGBELoader } from "three/examples/jsm/loaders/RGBELoader";
+import copperMScene from "../Scene/copperMScene";
+export default class copperMSceneRenderer {
+    constructor(container, numberOfScene, cameraPosition) {
+        this.renderer = new THREE.WebGLRenderer({
+            alpha: true,
+            antialias: true,
+        });
+        this.renderSceneInfo = (sceneInfo) => {
+            const elem = sceneInfo.container;
+            // get the viewpoint relative position of this element
+            const { left, right, top, bottom, width, height } = elem.getBoundingClientRect();
+            const isOffscreen = bottom < 0 ||
+                top > this.renderer.domElement.clientHeight ||
+                right < 0 ||
+                left > this.renderer.domElement.clientWidth;
+            if (isOffscreen) {
+                return;
+            }
+            const positiveYUpBottom = this.renderer.domElement.clientHeight - bottom;
+            this.renderer.setScissor(left, positiveYUpBottom, width, height);
+            this.renderer.setViewport(left, positiveYUpBottom, width, height);
+            sceneInfo.render();
+        };
+        this.resizeRendererToDisplaySize = () => {
+            const width = this.renderer.domElement.clientWidth;
+            const height = this.renderer.domElement.clientHeight;
+            const needResize = this.renderer.domElement.width !== width ||
+                this.renderer.domElement.height !== height;
+            if (needResize) {
+                // to create a grid for multiple scenes
+                this.elems.map((elem, index) => {
+                    if (index === this.numberOfScene - 1 && this.numberOfScene % 2 !== 0) {
+                        elem.style.width = this.container.clientWidth + "px";
+                    }
+                    else {
+                        elem.style.width = this.container.clientWidth / 2 - 2 + "px";
+                    }
+                    elem.style.height =
+                        this.container.clientHeight / Math.ceil(this.numberOfScene / 2) +
+                            "px";
+                });
+                this.renderer.setSize(width, height, false);
+            }
+        };
+        this.animate = () => {
+            const clearColor = new THREE.Color("#000");
+            this.renderer.setScissorTest(false);
+            this.renderer.setClearColor(clearColor, 0);
+            this.renderer.clear(true, true);
+            this.renderer.setScissorTest(true);
+            this.resizeRendererToDisplaySize();
+            this.sceneInfos.forEach((info) => {
+                this.renderSceneInfo(info);
+            });
+            const transform = `translateY(${window.scrollY}px)`;
+            this.renderer.domElement.style.transform = transform;
+            window.requestAnimationFrame(this.animate);
+        };
+        this.numberOfScene = numberOfScene > 0 ? numberOfScene : 1;
+        this.container = container;
+        this.elems = [];
+        this.scenes = [];
+        this.cameras = [];
+        this.sceneInfos = [];
+        this.canvas = this.renderer.domElement;
+        this.pmremGenerator = new THREE.PMREMGenerator(this.renderer);
+        this.init();
+    }
+    init() {
+        // this.renderer.physicallyCorrectLights = true;
+        // this.renderer.outputEncoding = THREE.sRGBEncoding;
+        this.renderer.useLegacyLights = true;
+        this.renderer.outputColorSpace = THREE.SRGBColorSpace;
+        this.pmremGenerator.compileEquirectangularShader();
+        this.renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
+        this.canvas.className = "copper3D_canvas";
+        this.container.className = "copper3D_container_root";
+        this.container.appendChild(this.canvas);
+        for (let i = 0; i < this.numberOfScene; i++) {
+            const elem = document.createElement("div");
+            elem.className = "copper3D_scene_div";
+            this.container.appendChild(elem);
+            this.elems.push(elem);
+            const newScene = new copperMScene(elem, this.renderer);
+            this.updateEnvironment(newScene);
+            this.sceneInfos.push(newScene);
+        }
+    }
+    updateEnvironment(sceneIn) {
+        const environment = environments.filter((entry) => entry.name === "Venice Sunset")[0];
+        this.getCubeMapTexture(environment).then((envMap) => {
+            if (envMap) {
+                sceneIn.vignette && sceneIn.scene.add(sceneIn.vignette.mesh);
+            }
+            sceneIn.scene.environment = envMap;
+            sceneIn.scene.background = envMap;
+        });
+    }
+    getCubeMapTexture(environment) {
+        const { path } = environment;
+        if (!path)
+            return Promise.resolve({ envMap: null });
+        return new Promise((resolve, reject) => {
+            new RGBELoader().load(path, (texture) => {
+                const envMap = this.pmremGenerator.fromEquirectangular(texture).texture;
+                this.pmremGenerator.dispose();
+                resolve(envMap);
+            }, undefined, reject);
+        });
+    }
+}
+//# sourceMappingURL=copperMSceneRenderer.js.map

package/dist/Renderer/copperMSceneRenderer.js.map

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

package/dist/Renderer/copperRenderer.d.ts

@@ -0,0 +1,15 @@
+import baseRenderer from "./baseRenderer";
+import copperScene from "../Scene/copperScene";
+import { optType } from "../types/types";
+export default class copperRenderer extends baseRenderer {
+    private sceneMap;
+    preRenderCallbackFunctions: Array<Function>;
+    constructor(container: HTMLDivElement, options?: optType);
+    getSceneByName(name: string): copperScene | import("../Scene/baseScene").default | import("..").copperMScene;
+    setCurrentScene(sceneIn: copperScene): void;
+    createScene(name: string): copperScene | undefined;
+    addPreRenderCallbackFunction(callbackFunction: Function): void;
+    onWindowResize(): void;
+    animate: () => void;
+    render(): void;
+}

package/dist/Renderer/copperRenderer.js

@@ -0,0 +1,52 @@
+import baseRenderer from "./baseRenderer";
+import copperScene from "../Scene/copperScene";
+export default class copperRenderer extends baseRenderer {
+    constructor(container, options) {
+        super(container, options);
+        this.sceneMap = {};
+        this.preRenderCallbackFunctions = [];
+        this.animate = () => {
+            this.render();
+            this.stats.update();
+            requestAnimationFrame(this.animate);
+        };
+    }
+    getSceneByName(name) {
+        return this.sceneMap[name];
+    }
+    setCurrentScene(sceneIn) {
+        var _a;
+        if (sceneIn) {
+            this.currentScene = sceneIn;
+            if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.guiOpen) {
+                this.updateGui();
+            }
+            this.onWindowResize();
+        }
+    }
+    createScene(name) {
+        var _a;
+        if (this.sceneMap[name] != undefined) {
+            return undefined;
+        }
+        else {
+            const alpha = !!((_a = this.options) === null || _a === void 0 ? void 0 : _a.alpha);
+            const new_scene = new copperScene(this.container, this.renderer, alpha);
+            new_scene.sceneName = name;
+            this.updateEnvironment(new_scene.vignette);
+            this.sceneMap[name] = new_scene;
+            return new_scene;
+        }
+    }
+    addPreRenderCallbackFunction(callbackFunction) {
+        this.preRenderCallbackFunctions.push(callbackFunction);
+    }
+    onWindowResize() { }
+    render() {
+        this.currentScene.render();
+        this.preRenderCallbackFunctions.forEach((item) => {
+            item.call(null);
+        });
+    }
+}
+//# sourceMappingURL=copperRenderer.js.map

package/dist/Renderer/copperRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copperRenderer.js","sourceRoot":"","sources":["../../src/Renderer/copperRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAO/C,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,YAAY;IAKtD,YAAY,SAAyB,EAAE,OAAiB;QACtD,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QALpB,aAAQ,GAAiB,EAAE,CAAC;QAEpC,+BAA0B,GAAoB,EAAE,CAAC;QAsCjD,YAAO,GAAG,GAAG,EAAE;YACb,IAAI,CAAC,MAAM,EAAE,CAAC;YACd,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACpB,qBAAqB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC,CAAC;IAtCF,CAAC;IAED,cAAc,CAAC,IAAY;QACzB,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,eAAe,CAAC,OAAoB;;QAClC,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC;YAC5B,IAAI,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,EAAE;gBACzB,IAAI,CAAC,SAAS,EAAE,CAAC;aAClB;YACD,IAAI,CAAC,cAAc,EAAE,CAAC;SACvB;IACH,CAAC;IAED,WAAW,CAAC,IAAY;;QACtB,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,SAAS,EAAE;YACpC,OAAO,SAAS,CAAC;SAClB;aAAM;YACL,MAAM,KAAK,GAAG,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,KAAK,CAAA,CAAC;YACpC,MAAM,SAAS,GAAG,IAAI,WAAW,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;YACxE,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC;YAC3B,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAC3C,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;YAChC,OAAO,SAAS,CAAC;SAClB;IACH,CAAC;IAED,4BAA4B,CAAC,gBAA0B;QACrD,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IACzD,CAAC;IAED,cAAc,KAAI,CAAC;IAMnB,MAAM;QACJ,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC;QAC3B,IAAI,CAAC,0BAA0B,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC/C,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}

package/dist/Renderer/copperRendererOnDemond.d.ts

@@ -0,0 +1,13 @@
+import baseRenderer from "./baseRenderer";
+import copperScene from "../Scene/copperScene";
+import { optType } from "../types/types";
+import copperSceneOnDemond from "../Scene/copperSceneOnDemond";
+export default class copperRendererOnDemond extends baseRenderer {
+    private sceneMap;
+    constructor(container: HTMLDivElement, options?: optType);
+    getSceneByName(name: string): copperScene | import("../Scene/baseScene").default | import("..").copperMScene;
+    setCurrentScene(sceneIn: copperSceneOnDemond): void;
+    createScene(name: string): copperSceneOnDemond | undefined;
+    animate: () => void;
+    render(): void;
+}

package/dist/Renderer/copperRendererOnDemond.js

@@ -0,0 +1,44 @@
+import baseRenderer from "./baseRenderer";
+import copperSceneOnDemond from "../Scene/copperSceneOnDemond";
+export default class copperRendererOnDemond extends baseRenderer {
+    constructor(container, options) {
+        super(container, options);
+        this.sceneMap = {};
+        // addGui(): void {
+        //   console.log("hello");
+        // }
+        this.animate = () => {
+            this.render();
+            this.stats.update();
+            // requestAnimationFrame(this.animate);
+        };
+    }
+    getSceneByName(name) {
+        return this.sceneMap[name];
+    }
+    setCurrentScene(sceneIn) {
+        var _a;
+        if (sceneIn) {
+            this.currentScene = sceneIn;
+            if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.guiOpen) {
+                this.updateGui();
+            }
+        }
+    }
+    createScene(name) {
+        if (this.sceneMap[name] != undefined) {
+            return undefined;
+        }
+        else {
+            const new_scene = new copperSceneOnDemond(this.container, this.renderer);
+            new_scene.sceneName = name;
+            this.updateEnvironment(new_scene.vignette);
+            this.sceneMap[name] = new_scene;
+            return new_scene;
+        }
+    }
+    render() {
+        this.currentScene.render();
+    }
+}
+//# sourceMappingURL=copperRendererOnDemond.js.map

package/dist/Renderer/copperRendererOnDemond.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copperRendererOnDemond.js","sourceRoot":"","sources":["../../src/Renderer/copperRendererOnDemond.ts"],"names":[],"mappings":"AACA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAG1C,OAAO,mBAAmB,MAAM,8BAA8B,CAAC;AAE/D,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,YAAY;IAE9D,YAAY,SAAyB,EAAE,OAAiB;QACtD,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAFpB,aAAQ,GAAiB,EAAE,CAAC;QA8BpC,mBAAmB;QACnB,0BAA0B;QAC1B,IAAI;QAEJ,YAAO,GAAG,GAAG,EAAE;YACb,IAAI,CAAC,MAAM,EAAE,CAAC;YACd,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACpB,uCAAuC;QACzC,CAAC,CAAC;IAnCF,CAAC;IAED,cAAc,CAAC,IAAY;QACzB,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,eAAe,CAAC,OAA4B;;QAC1C,IAAI,OAAO,EAAE;YACX,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC;YAC5B,IAAI,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,EAAE;gBACzB,IAAI,CAAC,SAAS,EAAE,CAAC;aAClB;SACF;IACH,CAAC;IAED,WAAW,CAAC,IAAY;QACtB,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,SAAS,EAAE;YACpC,OAAO,SAAS,CAAC;SAClB;aAAM;YACL,MAAM,SAAS,GAAG,IAAI,mBAAmB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YACzE,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC;YAC3B,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAC3C,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;YAChC,OAAO,SAAS,CAAC;SAClB;IACH,CAAC;IAWD,MAAM;QACJ,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC;IAC7B,CAAC;CACF"}

package/dist/Scene/baseScene.d.ts

@@ -0,0 +1,38 @@
+import * as THREE from "three";
+import { Controls, CameraViewPoint } from "../Controls/copperControls";
+import { customMeshType } from "../lib/three-vignette";
+import { baseStateType } from "../types/types";
+import commonScene from "./commonSceneMethod";
+export default class baseScene extends commonScene {
+    renderer: THREE.WebGLRenderer;
+    sceneName: string;
+    vignette: customMeshType | undefined;
+    directionalLight: THREE.DirectionalLight;
+    ambientLight: THREE.AmbientLight;
+    copperControl: Controls;
+    cameraPositionFlag: boolean;
+    content: THREE.Group;
+    exportContent: THREE.Group;
+    isHalfed: boolean;
+    viewPoint: CameraViewPoint;
+    private color1;
+    private color2;
+    private lights;
+    constructor(container: HTMLDivElement, renderer: THREE.WebGLRenderer, alpha?: boolean);
+    init(): void;
+    loadMetadataUrl(url: string): void;
+    loadViewUrl(url: string): void;
+    loadView(viewpointData: CameraViewPoint): void;
+    getDefaultViewPoint(): CameraViewPoint;
+    setViewPoint(camera: THREE.PerspectiveCamera, target?: number[]): CameraViewPoint;
+    addObject(obj: any): void;
+    addLights(): void;
+    removeLights(): void;
+    updateLights(state: baseStateType): void;
+    updateDisplay(state: baseStateType): void;
+    updateBackground(color1: string, color2: string): void;
+    updateModelChildrenVisualisation(child: THREE.Mesh): void;
+    onRenderCameraChange(): void;
+    onWindowResize: () => void;
+    render(): void;
+}