copper3d 1.15.7 → 1.15.8

package/dist/bundle.esm.js

@@ -38582,11 +38582,9 @@ function copperDicomLoader(url, callback) {
     loader$1.load(url, (arrayBuffer) => {
         var dicomFileAsBuffer = new Uint8Array(arrayBuffer);
         const dataSet = dicomParser.parseDicom(dicomFileAsBuffer);
-        // console.log(dataSet1);
         // const dataSet = dicomParser.parseDicom(dicomFileAsBuffer, {
         //   vrCallback(tag) {
         //     const formatted = `(${tag.substring(1, 5)},${tag.substring(5, 9)})`;
-        //     // console.log(!!TAG_DICT[formatted] ? TAG_DICT[formatted].vr : undefined);
         //     return !!TAG_DICT[formatted] ? TAG_DICT[formatted].vr : undefined;
         //   },
         // });
@@ -44094,7 +44092,6 @@ function copperNrrdTexture3dLoader(url, scene, container, callback) {
         // 获取边界框的尺寸
         const size_ = new Vector3();
         boundingBox.getSize(size_);
-        console.log(size_);
         scene.add(mesh);
         const gui = new GUI$1();
         gui.add(volconfig, "clim1_g", -500, 500, 1).onChange((value) => {
@@ -44163,7 +44160,6 @@ function getWholeSlices(nrrdSlices, scene, gui, controls) {
     //     nrrdSlices.z.index = i;
     //     nrrdSlices.z.repaint(nrrdSlices.z);
     //     nrrdSlices.z.mesh.position.set(0, 0, 0.5);
-    //     console.log(nrrdSlices.z.mesh);
     //   }, 100);
     // }
     let up = true;
@@ -44208,7 +44204,6 @@ function getWholeSlices(nrrdSlices, scene, gui, controls) {
         // }
         // if (slicesX[index]) {
         //   controls.enabled = false;
-        //   console.log(slicesX[index]);
         //   slicesX[index].visible = false;
         //   // ? (slicesX[index].visible = false)
         //   // : (slicesX[index].visible = true);
@@ -46990,7 +46985,7 @@ class OrbitControls extends EventDispatcher {
 }
 
 class commonScene {
-    constructor(container) {
+    constructor(container, opt) {
         this.subDiv = null;
         this.subScene = new Scene();
         this.subCamera = null;
@@ -47002,7 +46997,16 @@ class commonScene {
         this.pickableObjects = [];
         this.container = container;
         this.scene = new Scene();
-        this.camera = new PerspectiveCamera(75, container.clientWidth / container.clientHeight, 0.1, 500);
+        this.copperPerspectiveCamera = new PerspectiveCamera(75, container.clientWidth / container.clientHeight, 0.1, 500);
+        const h = 1024;
+        const aspect = window.innerWidth / window.innerHeight;
+        this.copperOrthographicCamera = new OrthographicCamera((-h * aspect) / 2, (h * aspect) / 2, h / 2, -h / 2, 1, 2000);
+        if ((opt === null || opt === void 0 ? void 0 : opt.camera) === "orthographic") {
+            this.camera = this.copperOrthographicCamera;
+        }
+        else {
+            this.camera = this.copperPerspectiveCamera;
+        }
         this.controls = new Copper3dTrackballControls(this.camera, this.container);
         this.controls.dispose();
         this.preRenderCallbackFunctions = {
@@ -47203,9 +47207,7 @@ class commonScene {
     }
     loadNrrdTexture3d(url, callback) {
         // const h = 512; // frustum height
-        const h = 1024;
-        const aspect = window.innerWidth / window.innerHeight;
-        this.camera = new OrthographicCamera((-h * aspect) / 2, (h * aspect) / 2, h / 2, -h / 2, 1, 2000);
+        this.camera.updateProjectionMatrix();
         this.camera.position.set(0, 0, 1280);
         this.camera.up.set(0, 0, 1);
         this.camera.updateProjectionMatrix();
@@ -47226,9 +47228,7 @@ class commonScene {
             this.scene.add(obj);
             !!callback && callback(obj);
         }, // called when loading is in progresses
-        (xhr) => {
-            // console.log((xhr.loaded / xhr.total) * 100 + "% loaded");
-        }, 
+        (xhr) => { }, 
         // called when loading has errors
         (error) => {
             console.log("An error happened");
@@ -47238,8 +47238,8 @@ class commonScene {
 
 const IS_IOS = isIOS();
 class baseScene extends commonScene {
-    constructor(container, renderer, alpha) {
-        super(container);
+    constructor(container, renderer, opt) {
+        super(container, opt);
         // scene: THREE.Scene;
         // camera: THREE.PerspectiveCamera;
         this.sceneName = "";
@@ -47253,18 +47253,19 @@ class baseScene extends commonScene {
         this.lights = [];
         this.onWindowResize = () => {
             var _a;
-            console.log("adaa");
             this.renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
             this.onRenderCameraChange();
             (_a = this.vignette) === null || _a === void 0 ? void 0 : _a.style({
                 aspect: this.camera.aspect,
             });
+            if (this.controls instanceof Copper3dTrackballControls)
+                this.controls.handleResize();
             this.renderer.setSize(this.container.clientWidth, this.container.clientHeight);
         };
         this.renderer = renderer;
         this.ambientLight = new AmbientLight(0x202020, 0.3);
         this.directionalLight = new DirectionalLight(0xffffff, 0.3);
-        if (!alpha) {
+        if (!(opt === null || opt === void 0 ? void 0 : opt.alpha)) {
             this.vignette = createBackground({
                 aspect: this.container.clientWidth / this.container.clientHeight,
                 grainScale: IS_IOS ? 0 : 0.001,
@@ -47279,7 +47280,7 @@ class baseScene extends commonScene {
     init() {
         this.copperControl.setCameraViewPoint();
         this.camera.position.z = 2;
-        this.scene.add(this.camera);
+        // this.scene.add(this.camera);
         this.renderer.setSize(this.container.clientWidth, this.container.clientHeight);
         this.addLights();
     }
@@ -48089,10 +48090,14 @@ class baseRenderer {
         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);
+            this.currentScene = new baseScene(this.container, this.renderer, {
+                alpha: true,
+            });
         }
         else {
-            this.currentScene = new baseScene(this.container, this.renderer, false);
+            this.currentScene = new baseScene(this.container, this.renderer, {
+                alpha: false,
+            });
         }
         this.currentScene.sceneName = "default";
         !!this.currentScene.vignette &&
@@ -48177,11 +48182,11 @@ class baseRenderer {
         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) {
+        if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.cameraGui) {
             this.cameraFolder = gui.addFolder("Camera");
         }
         // Performance
-        if ((_b = this.options) === null || _b === void 0 ? void 0 : _b.performance) {
+        if ((_b = this.options) === null || _b === void 0 ? void 0 : _b.performanceGui) {
             const perfFolder = gui.addFolder("Performance");
             const perfLi = document.createElement("li");
             this.stats.dom.style.position = "static";
@@ -48190,7 +48195,7 @@ class baseRenderer {
             perfFolder.__ul.appendChild(perfLi);
         }
         // lights
-        if ((_c = this.options) === null || _c === void 0 ? void 0 : _c.light) {
+        if ((_c = this.options) === null || _c === void 0 ? void 0 : _c.lightGui) {
             const lightFolder = gui.addFolder("LightsFolder");
             [
                 lightFolder.add(this.state, "addLights").listen(),
@@ -56235,11 +56240,8 @@ class TrackballControls extends EventDispatcher {
 }
 
 class copperScene extends baseScene {
-    // private preRenderCallbackFunctions: Array<preRenderCallbackFunctionType> = [];
-    // private preRenderCallbackFunctions: preRenderCallbackFunctionType;
-    // private sort: boolean = true; //default ascending order
-    constructor(container, renderer, controls, alpha) {
-        super(container, renderer, alpha);
+    constructor(container, renderer, opt) {
+        super(container, renderer, opt);
         this.clock = new Clock();
         // isHalfed: boolean = false;
         this.mixer = null;
@@ -56247,12 +56249,11 @@ class copperScene extends baseScene {
         this.modelReady = false;
         // rayster pick
         // texture2d
-        // private depthStep: number = 0.4;
         this.texture2dMesh = null;
-        if (controls === "trackball") {
+        if ((opt === null || opt === void 0 ? void 0 : opt.controls) === "trackball") {
             this.controls = new TrackballControls(this.camera, this.renderer.domElement);
         }
-        else if (controls === "orbit") {
+        else if ((opt === null || opt === void 0 ? void 0 : opt.controls) === "orbit") {
             this.controls = new OrbitControls(this.camera, this.renderer.domElement);
         }
         else {
@@ -56495,13 +56496,12 @@ class copperScene extends baseScene {
     }
     updateControls(camera) {
         this.controls.dispose();
-        this.controls = new OrbitControls(camera, this.renderer.domElement);
+        this.controls = new Copper3dTrackballControls(camera, this.renderer.domElement);
         // this.controls.target.set(64, 64, 128);
         this.controls.target.set(0, 0, 0);
         this.controls.minZoom = 0.5;
         this.controls.maxZoom = 4;
         // this.controls.enablePan = false;
-        this.controls.update();
     }
     onRenderCameraChange() {
         const { width, height } = this.container.getBoundingClientRect();
@@ -56515,7 +56515,6 @@ class copperScene extends baseScene {
         else {
             this.camera.aspect = aspect;
         }
-        this.camera.updateProjectionMatrix();
     }
     render() {
         this.controls.update();
@@ -56563,13 +56562,17 @@ class copperRenderer extends baseRenderer {
         }
     }
     createScene(name) {
-        var _a, _b;
+        var _a, _b, _c;
         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, (_b = this.options) === null || _b === void 0 ? void 0 : _b.controls, alpha);
+            const new_scene = new copperScene(this.container, this.renderer, {
+                camera: (_b = this.options) === null || _b === void 0 ? void 0 : _b.cameraType,
+                controls: (_c = this.options) === null || _c === void 0 ? void 0 : _c.controls,
+                alpha: alpha,
+            });
             new_scene.sceneName = name;
             this.updateEnvironment(new_scene.vignette);
             this.sceneMap[name] = new_scene;
@@ -56713,9 +56716,6 @@ class copperRendererOnDemond extends baseRenderer {
     constructor(container, options) {
         super(container, options);
         this.sceneMap = {};
-        // addGui(): void {
-        //   console.log("hello");
-        // }
         this.animate = () => {
             this.render();
             this.stats.update();
@@ -67823,8 +67823,6 @@ class nrrd_tools {
             this.allSlicesArray[0].x.volume.dimensions[1];
         this.nrrd_states.nrrd_z_pixel =
             this.allSlicesArray[0].x.volume.dimensions[2];
-        console.log("mm", this.nrrd_states.nrrd_x_mm);
-        console.log("pixel", this.nrrd_states.nrrd_x_pixel);
         this.nrrd_states.voxelSpacing = this.allSlicesArray[0].x.volume.spacing;
         this.nrrd_states.ratios.x = this.allSlicesArray[0].x.volume.spacing[0];
         this.nrrd_states.ratios.y = this.allSlicesArray[0].x.volume.spacing[1];
@@ -69759,7 +69757,7 @@ class nrrd_tools {
 }
 
 // import * as kiwrious from "copper3d_plugin_heart_k";
-const REVISION = "v1.15.7";
-console.log("%cCopper3D Visualisation %cBeta:v1.15.7", "padding: 3px;color:white; background:#023047", "padding: 3px;color:white; background:#f50a25");
+const REVISION = "v1.15.8";
+console.log("%cCopper3D Visualisation %cBeta:v1.15.8", "padding: 3px;color:white; background:#023047", "padding: 3px;color:white; background:#f50a25");
 
 export { CameraViewPoint, Copper3dTrackballControls, REVISION, addBoxHelper, addLabelToScene, configKiwriousHeart, convert3DPostoScreenPos, convertScreenPosto3DPos, copperMScene, copperMSceneRenderer, copperRenderer, copperRendererOnDemond, copperScene, copperSceneOnDemond, createTexture2D_NRRD, fullScreenListenner, kiwrious, loading, nrrd_tools, setHDRFilePath };

package/dist/bundle.umd.js

@@ -38590,11 +38590,9 @@
 	    loader$1.load(url, (arrayBuffer) => {
 	        var dicomFileAsBuffer = new Uint8Array(arrayBuffer);
 	        const dataSet = dicomParser.parseDicom(dicomFileAsBuffer);
-	        // console.log(dataSet1);
 	        // const dataSet = dicomParser.parseDicom(dicomFileAsBuffer, {
 	        //   vrCallback(tag) {
 	        //     const formatted = `(${tag.substring(1, 5)},${tag.substring(5, 9)})`;
-	        //     // console.log(!!TAG_DICT[formatted] ? TAG_DICT[formatted].vr : undefined);
 	        //     return !!TAG_DICT[formatted] ? TAG_DICT[formatted].vr : undefined;
 	        //   },
 	        // });
@@ -44102,7 +44100,6 @@
 	        // 获取边界框的尺寸
 	        const size_ = new Vector3();
 	        boundingBox.getSize(size_);
-	        console.log(size_);
 	        scene.add(mesh);
 	        const gui = new GUI$1();
 	        gui.add(volconfig, "clim1_g", -500, 500, 1).onChange((value) => {
@@ -44171,7 +44168,6 @@
 	    //     nrrdSlices.z.index = i;
 	    //     nrrdSlices.z.repaint(nrrdSlices.z);
 	    //     nrrdSlices.z.mesh.position.set(0, 0, 0.5);
-	    //     console.log(nrrdSlices.z.mesh);
 	    //   }, 100);
 	    // }
 	    let up = true;
@@ -44216,7 +44212,6 @@
 	        // }
 	        // if (slicesX[index]) {
 	        //   controls.enabled = false;
-	        //   console.log(slicesX[index]);
 	        //   slicesX[index].visible = false;
 	        //   // ? (slicesX[index].visible = false)
 	        //   // : (slicesX[index].visible = true);
@@ -46998,7 +46993,7 @@
 	}
 
 	class commonScene {
-	    constructor(container) {
+	    constructor(container, opt) {
 	        this.subDiv = null;
 	        this.subScene = new Scene();
 	        this.subCamera = null;
@@ -47010,7 +47005,16 @@
 	        this.pickableObjects = [];
 	        this.container = container;
 	        this.scene = new Scene();
-	        this.camera = new PerspectiveCamera(75, container.clientWidth / container.clientHeight, 0.1, 500);
+	        this.copperPerspectiveCamera = new PerspectiveCamera(75, container.clientWidth / container.clientHeight, 0.1, 500);
+	        const h = 1024;
+	        const aspect = window.innerWidth / window.innerHeight;
+	        this.copperOrthographicCamera = new OrthographicCamera((-h * aspect) / 2, (h * aspect) / 2, h / 2, -h / 2, 1, 2000);
+	        if ((opt === null || opt === void 0 ? void 0 : opt.camera) === "orthographic") {
+	            this.camera = this.copperOrthographicCamera;
+	        }
+	        else {
+	            this.camera = this.copperPerspectiveCamera;
+	        }
 	        this.controls = new Copper3dTrackballControls(this.camera, this.container);
 	        this.controls.dispose();
 	        this.preRenderCallbackFunctions = {
@@ -47211,9 +47215,7 @@
 	    }
 	    loadNrrdTexture3d(url, callback) {
 	        // const h = 512; // frustum height
-	        const h = 1024;
-	        const aspect = window.innerWidth / window.innerHeight;
-	        this.camera = new OrthographicCamera((-h * aspect) / 2, (h * aspect) / 2, h / 2, -h / 2, 1, 2000);
+	        this.camera.updateProjectionMatrix();
 	        this.camera.position.set(0, 0, 1280);
 	        this.camera.up.set(0, 0, 1);
 	        this.camera.updateProjectionMatrix();
@@ -47234,9 +47236,7 @@
 	            this.scene.add(obj);
 	            !!callback && callback(obj);
 	        }, // called when loading is in progresses
-	        (xhr) => {
-	            // console.log((xhr.loaded / xhr.total) * 100 + "% loaded");
-	        }, 
+	        (xhr) => { }, 
 	        // called when loading has errors
 	        (error) => {
 	            console.log("An error happened");
@@ -47246,8 +47246,8 @@
 
 	const IS_IOS = isIOS();
 	class baseScene extends commonScene {
-	    constructor(container, renderer, alpha) {
-	        super(container);
+	    constructor(container, renderer, opt) {
+	        super(container, opt);
 	        // scene: THREE.Scene;
 	        // camera: THREE.PerspectiveCamera;
 	        this.sceneName = "";
@@ -47261,18 +47261,19 @@
 	        this.lights = [];
 	        this.onWindowResize = () => {
 	            var _a;
-	            console.log("adaa");
 	            this.renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
 	            this.onRenderCameraChange();
 	            (_a = this.vignette) === null || _a === void 0 ? void 0 : _a.style({
 	                aspect: this.camera.aspect,
 	            });
+	            if (this.controls instanceof Copper3dTrackballControls)
+	                this.controls.handleResize();
 	            this.renderer.setSize(this.container.clientWidth, this.container.clientHeight);
 	        };
 	        this.renderer = renderer;
 	        this.ambientLight = new AmbientLight(0x202020, 0.3);
 	        this.directionalLight = new DirectionalLight(0xffffff, 0.3);
-	        if (!alpha) {
+	        if (!(opt === null || opt === void 0 ? void 0 : opt.alpha)) {
 	            this.vignette = createBackground({
 	                aspect: this.container.clientWidth / this.container.clientHeight,
 	                grainScale: IS_IOS ? 0 : 0.001,
@@ -47287,7 +47288,7 @@
 	    init() {
 	        this.copperControl.setCameraViewPoint();
 	        this.camera.position.z = 2;
-	        this.scene.add(this.camera);
+	        // this.scene.add(this.camera);
 	        this.renderer.setSize(this.container.clientWidth, this.container.clientHeight);
 	        this.addLights();
 	    }
@@ -48097,10 +48098,14 @@
 	        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);
+	            this.currentScene = new baseScene(this.container, this.renderer, {
+	                alpha: true,
+	            });
 	        }
 	        else {
-	            this.currentScene = new baseScene(this.container, this.renderer, false);
+	            this.currentScene = new baseScene(this.container, this.renderer, {
+	                alpha: false,
+	            });
 	        }
 	        this.currentScene.sceneName = "default";
 	        !!this.currentScene.vignette &&
@@ -48185,11 +48190,11 @@
 	        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) {
+	        if ((_a = this.options) === null || _a === void 0 ? void 0 : _a.cameraGui) {
 	            this.cameraFolder = gui.addFolder("Camera");
 	        }
 	        // Performance
-	        if ((_b = this.options) === null || _b === void 0 ? void 0 : _b.performance) {
+	        if ((_b = this.options) === null || _b === void 0 ? void 0 : _b.performanceGui) {
 	            const perfFolder = gui.addFolder("Performance");
 	            const perfLi = document.createElement("li");
 	            this.stats.dom.style.position = "static";
@@ -48198,7 +48203,7 @@
 	            perfFolder.__ul.appendChild(perfLi);
 	        }
 	        // lights
-	        if ((_c = this.options) === null || _c === void 0 ? void 0 : _c.light) {
+	        if ((_c = this.options) === null || _c === void 0 ? void 0 : _c.lightGui) {
 	            const lightFolder = gui.addFolder("LightsFolder");
 	            [
 	                lightFolder.add(this.state, "addLights").listen(),
@@ -56243,11 +56248,8 @@
 	}
 
 	class copperScene extends baseScene {
-	    // private preRenderCallbackFunctions: Array<preRenderCallbackFunctionType> = [];
-	    // private preRenderCallbackFunctions: preRenderCallbackFunctionType;
-	    // private sort: boolean = true; //default ascending order
-	    constructor(container, renderer, controls, alpha) {
-	        super(container, renderer, alpha);
+	    constructor(container, renderer, opt) {
+	        super(container, renderer, opt);
 	        this.clock = new Clock();
 	        // isHalfed: boolean = false;
 	        this.mixer = null;
@@ -56255,12 +56257,11 @@
 	        this.modelReady = false;
 	        // rayster pick
 	        // texture2d
-	        // private depthStep: number = 0.4;
 	        this.texture2dMesh = null;
-	        if (controls === "trackball") {
+	        if ((opt === null || opt === void 0 ? void 0 : opt.controls) === "trackball") {
 	            this.controls = new TrackballControls(this.camera, this.renderer.domElement);
 	        }
-	        else if (controls === "orbit") {
+	        else if ((opt === null || opt === void 0 ? void 0 : opt.controls) === "orbit") {
 	            this.controls = new OrbitControls(this.camera, this.renderer.domElement);
 	        }
 	        else {
@@ -56503,13 +56504,12 @@
 	    }
 	    updateControls(camera) {
 	        this.controls.dispose();
-	        this.controls = new OrbitControls(camera, this.renderer.domElement);
+	        this.controls = new Copper3dTrackballControls(camera, this.renderer.domElement);
 	        // this.controls.target.set(64, 64, 128);
 	        this.controls.target.set(0, 0, 0);
 	        this.controls.minZoom = 0.5;
 	        this.controls.maxZoom = 4;
 	        // this.controls.enablePan = false;
-	        this.controls.update();
 	    }
 	    onRenderCameraChange() {
 	        const { width, height } = this.container.getBoundingClientRect();
@@ -56523,7 +56523,6 @@
 	        else {
 	            this.camera.aspect = aspect;
 	        }
-	        this.camera.updateProjectionMatrix();
 	    }
 	    render() {
 	        this.controls.update();
@@ -56571,13 +56570,17 @@
 	        }
 	    }
 	    createScene(name) {
-	        var _a, _b;
+	        var _a, _b, _c;
 	        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, (_b = this.options) === null || _b === void 0 ? void 0 : _b.controls, alpha);
+	            const new_scene = new copperScene(this.container, this.renderer, {
+	                camera: (_b = this.options) === null || _b === void 0 ? void 0 : _b.cameraType,
+	                controls: (_c = this.options) === null || _c === void 0 ? void 0 : _c.controls,
+	                alpha: alpha,
+	            });
 	            new_scene.sceneName = name;
 	            this.updateEnvironment(new_scene.vignette);
 	            this.sceneMap[name] = new_scene;
@@ -56721,9 +56724,6 @@
 	    constructor(container, options) {
 	        super(container, options);
 	        this.sceneMap = {};
-	        // addGui(): void {
-	        //   console.log("hello");
-	        // }
 	        this.animate = () => {
 	            this.render();
 	            this.stats.update();
@@ -67831,8 +67831,6 @@
 	            this.allSlicesArray[0].x.volume.dimensions[1];
 	        this.nrrd_states.nrrd_z_pixel =
 	            this.allSlicesArray[0].x.volume.dimensions[2];
-	        console.log("mm", this.nrrd_states.nrrd_x_mm);
-	        console.log("pixel", this.nrrd_states.nrrd_x_pixel);
 	        this.nrrd_states.voxelSpacing = this.allSlicesArray[0].x.volume.spacing;
 	        this.nrrd_states.ratios.x = this.allSlicesArray[0].x.volume.spacing[0];
 	        this.nrrd_states.ratios.y = this.allSlicesArray[0].x.volume.spacing[1];
@@ -69767,8 +69765,8 @@
 	}
 
 	// import * as kiwrious from "copper3d_plugin_heart_k";
-	const REVISION = "v1.15.7";
-	console.log("%cCopper3D Visualisation %cBeta:v1.15.7", "padding: 3px;color:white; background:#023047", "padding: 3px;color:white; background:#f50a25");
+	const REVISION = "v1.15.8";
+	console.log("%cCopper3D Visualisation %cBeta:v1.15.8", "padding: 3px;color:white; background:#023047", "padding: 3px;color:white; background:#f50a25");
 
 	exports.CameraViewPoint = CameraViewPoint;
 	exports.Copper3dTrackballControls = Copper3dTrackballControls;

package/dist/index.d.ts

@@ -16,6 +16,6 @@ import { nrrd_tools } from "./Utils/nrrd_tool";
 import { Copper3dTrackballControls } from "./Controls/Copper3dTrackballControls";
 import { nrrdMeshesType, nrrdSliceType, SensorDecodedValue_kiwrious, SensorReadResult_kiwrious, HeartRateResult_kiwrious, loadingBarType, paintImageType, exportPaintImageType, IOptVTKLoader } from "./types/types";
 import "./css/style.css";
-export declare const REVISION = "v1.15.7";
+export declare const REVISION = "v1.15.8";
 export { copperRenderer, copperRendererOnDemond, copperMSceneRenderer, setHDRFilePath, addLabelToScene, convert3DPostoScreenPos, convertScreenPosto3DPos, addBoxHelper, fullScreenListenner, configKiwriousHeart, copperScene, copperSceneOnDemond, copperMScene, CameraViewPoint, kiwrious, nrrd_tools, loading, Copper3dTrackballControls, createTexture2D_NRRD, };
 export type { positionType, screenPosType, optsType, nrrdMeshesType, nrrdSliceType, SensorDecodedValue_kiwrious, SensorReadResult_kiwrious, HeartRateResult_kiwrious, loadingBarType, paintImageType, exportPaintImageType, IOptVTKLoader, };

package/dist/index.js

@@ -16,7 +16,7 @@ import kiwrious from "./Utils/kiwrious/configKiwrious";
 import { nrrd_tools } from "./Utils/nrrd_tool";
 import { Copper3dTrackballControls } from "./Controls/Copper3dTrackballControls";
 import "./css/style.css";
-export const REVISION = "v1.15.7";
-console.log("%cCopper3D Visualisation %cBeta:v1.15.7", "padding: 3px;color:white; background:#023047", "padding: 3px;color:white; background:#f50a25");
+export const REVISION = "v1.15.8";
+console.log("%cCopper3D Visualisation %cBeta:v1.15.8", "padding: 3px;color:white; background:#023047", "padding: 3px;color:white; background:#f50a25");
 export { copperRenderer, copperRendererOnDemond, copperMSceneRenderer, setHDRFilePath, addLabelToScene, convert3DPostoScreenPos, convertScreenPosto3DPos, addBoxHelper, fullScreenListenner, configKiwriousHeart, copperScene, copperSceneOnDemond, copperMScene, CameraViewPoint, kiwrious, nrrd_tools, loading, Copper3dTrackballControls, createTexture2D_NRRD, };
 //# sourceMappingURL=index.js.map

package/dist/types/Renderer/baseRenderer.d.ts

@@ -4,7 +4,7 @@ import baseScene from "../Scene/baseScene";
 import { customMeshType } from "../lib/three-vignette";
 import Stats from "three/examples/jsm/libs/stats.module";
 import { GUI } from "dat.gui";
-import { optType } from "../types/types";
+import { ICopperRenderOpt } from "../types/types";
 export default class baseRenderer {
     container: HTMLDivElement;
     renderer: THREE.WebGLRenderer;
@@ -12,12 +12,12 @@ export default class baseRenderer {
     stats: Stats;
     currentScene: baseScene;
     pmremGenerator: THREE.PMREMGenerator;
-    options: optType | undefined;
+    options: ICopperRenderOpt | undefined;
     private state;
     private visualiseFolder;
     private visualCtrls;
     private cameraFolder;
-    constructor(container: HTMLDivElement, options?: optType);
+    constructor(container: HTMLDivElement, options?: ICopperRenderOpt);
     init(): void;
     updateEnvironment(vignette?: customMeshType): void;
     private getCubeMapTexture;

package/dist/types/Renderer/copperRenderer.d.ts

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

package/dist/types/Renderer/copperRendererOnDemond.d.ts

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

package/dist/types/Scene/baseScene.d.ts

@@ -1,7 +1,7 @@
 import * as THREE from "three";
 import { Controls, CameraViewPoint } from "../Controls/copperControls";
 import { customMeshType } from "../lib/three-vignette";
-import { baseStateType } from "../types/types";
+import { baseStateType, ICopperSceneOpts } from "../types/types";
 import commonScene from "./commonSceneMethod";
 export default class baseScene extends commonScene {
     renderer: THREE.WebGLRenderer;
@@ -18,7 +18,7 @@ export default class baseScene extends commonScene {
     private color1;
     private color2;
     private lights;
-    constructor(container: HTMLDivElement, renderer: THREE.WebGLRenderer, alpha?: boolean);
+    constructor(container: HTMLDivElement, renderer: THREE.WebGLRenderer, opt?: ICopperSceneOpts);
     init(): void;
     loadMetadataUrl(url: string): void;
     loadViewUrl(url: string): void;

package/dist/types/Scene/commonSceneMethod.d.ts

@@ -1,4 +1,4 @@
-import { preRenderCallbackFunctionType, nrrdMeshesType, nrrdSliceType, loadingBarType, dicomLoaderOptsType, mouseMovePositionType } from "../types/types";
+import { preRenderCallbackFunctionType, nrrdMeshesType, nrrdSliceType, loadingBarType, dicomLoaderOptsType, mouseMovePositionType, ICopperSceneOpts } from "../types/types";
 import * as THREE from "three";
 import { GUI } from "dat.gui";
 import { optsType } from "../Loader/copperNrrdLoader";
@@ -10,6 +10,8 @@ export default class commonScene {
     container: HTMLDivElement;
     scene: THREE.Scene;
     camera: THREE.PerspectiveCamera | THREE.OrthographicCamera;
+    copperPerspectiveCamera: THREE.PerspectiveCamera;
+    copperOrthographicCamera: THREE.OrthographicCamera;
     subDiv: HTMLDivElement | null;
     subScene: THREE.Scene;
     subCamera: THREE.PerspectiveCamera | null;
@@ -21,7 +23,7 @@ export default class commonScene {
     protected sort: boolean;
     protected depthStep: number;
     protected pickableObjects: THREE.Mesh[];
-    constructor(container: HTMLDivElement);
+    constructor(container: HTMLDivElement, opt?: ICopperSceneOpts);
     createDemoMesh(): void;
     addObject(obj: any): void;
     setDepth(value: number): void;

package/dist/types/Scene/copperScene.d.ts

@@ -5,6 +5,7 @@ import { OrbitControls } from "three/examples/jsm/controls/OrbitControls";
 import baseScene from "./baseScene";
 import { vtkModels } from "../types/types";
 import { TrackballControls } from "three/examples/jsm/controls/TrackballControls";
+import { ICopperSceneOpts } from "../types/types";
 export default class copperScene extends baseScene {
     clock: THREE.Clock;
     controls: Copper3dTrackballControls | OrbitControls | TrackballControls;
@@ -13,7 +14,7 @@ export default class copperScene extends baseScene {
     private modelReady;
     private clipAction;
     private texture2dMesh;
-    constructor(container: HTMLDivElement, renderer: THREE.WebGLRenderer, controls?: "copper3d" | "orbit" | "trackball", alpha?: boolean);
+    constructor(container: HTMLDivElement, renderer: THREE.WebGLRenderer, opt?: ICopperSceneOpts);
     loadGltf(url: string, callback?: (content: THREE.Group) => void): void;
     loadVtk(url: string): void;
     loadVtks(models: Array<vtkModels>): void;