icn3d 3.44.3 → 3.45.0

package/icn3d.module.js

@@ -56015,7 +56015,7 @@ class MyEventCls {
     }
 
     onId(id, eventName, myFunction) { this.icn3dui;
-        if(Object.keys(window).length < 2) return;
+        if(Object.keys(window).length < 3) return;
 
         if(id.substr(0, 1) == '#') id = id.substr(1);
         if(document.getElementById(id)) {
@@ -75048,13 +75048,18 @@ class Scene {
     rebuildScene(options) { let ic = this.icn3d, me = ic.icn3dui;
         if(options === undefined) options = ic.opts;
 
+        // whether camera was set
+        me.bCamera = (ic.cam) ? true : false;
+
         this.rebuildSceneBase(options);
 
         ic.fogCls.setFog();
 
-        // if(!ic.bVr && !ic.bAr) { // first time
+        if(ic.bSetCamera) { // load a URL with trackball transformation, or no info after "|||"
             ic.cameraCls.setCamera();
-        // }
+        }
+
+        if(ic.opts['slab'] === 'yes') ic.cameraCls.setSlab();
 
         // if(!ic.bSetVrArButtons) { // call once
         if(!me.cfg.imageonly) this.setVrArButtons();
@@ -76254,7 +76259,7 @@ function TrackballControls( object, domElement, icn3d ) {
     function keydown( event ) {
 //console.log("keydown");
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         window.removeEventListener( 'keydown', keydown );
 
@@ -76285,7 +76290,7 @@ function TrackballControls( object, domElement, icn3d ) {
     function keyup( event ) {
 //console.log("keyup");
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         _this._state = _prevState;
 
@@ -76295,7 +76300,7 @@ function TrackballControls( object, domElement, icn3d ) {
 
     function mousedown( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         //event.preventDefault();
         event.stopPropagation();
@@ -76332,7 +76337,7 @@ function TrackballControls( object, domElement, icn3d ) {
 
     function mousemove( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         //event.preventDefault();
         event.stopPropagation();
@@ -76355,7 +76360,7 @@ function TrackballControls( object, domElement, icn3d ) {
     }
 
     function mouseup( event ) {
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         //event.preventDefault();
         event.stopPropagation();
@@ -76370,7 +76375,7 @@ function TrackballControls( object, domElement, icn3d ) {
 
     function mousewheel( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         //event.preventDefault();
         event.stopPropagation();
@@ -76397,7 +76402,7 @@ function TrackballControls( object, domElement, icn3d ) {
 
     function touchstart( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         switch ( event.touches.length ) {
             case 1:
@@ -76429,7 +76434,7 @@ function TrackballControls( object, domElement, icn3d ) {
 
     function touchmove( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         //event.preventDefault();
         event.stopPropagation();
@@ -76459,7 +76464,7 @@ function TrackballControls( object, domElement, icn3d ) {
 
     function touchend( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         switch ( event.touches.length ) {
 
@@ -76484,7 +76489,7 @@ function TrackballControls( object, domElement, icn3d ) {
 
     }
 
-    if(Object.keys(window).length >= 2 && this.domElement) {
+    if(Object.keys(window).length >= 3 && this.domElement) {
         this.domElement.addEventListener( 'contextmn', function ( event ) {
             //event.preventDefault();
         }, false );
@@ -76498,8 +76503,8 @@ function TrackballControls( object, domElement, icn3d ) {
         this.domElement.addEventListener( 'touchend', touchend, false );
         this.domElement.addEventListener( 'touchmove', touchmove, false );
 
-        if(Object.keys(window).length >= 2) window.addEventListener( 'keydown', keydown, false );
-        if(Object.keys(window).length >= 2) window.addEventListener( 'keyup', keyup, false );
+        if(Object.keys(window).length >= 3) window.addEventListener( 'keydown', keydown, false );
+        if(Object.keys(window).length >= 3) window.addEventListener( 'keyup', keyup, false );
     }
 
     this.handleResize();
@@ -76932,7 +76937,7 @@ function OrthographicTrackballControls( object, domElement, icn3d ) { var me = t
 
     function keydown( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         window.removeEventListener( 'keydown', keydown );
 
@@ -76960,7 +76965,7 @@ function OrthographicTrackballControls( object, domElement, icn3d ) { var me = t
 
     function keyup( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         _this._state = _prevState;
 
@@ -76970,7 +76975,7 @@ function OrthographicTrackballControls( object, domElement, icn3d ) { var me = t
 
     function mousedown( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         //event.preventDefault();
         event.stopPropagation();
@@ -77007,7 +77012,7 @@ function OrthographicTrackballControls( object, domElement, icn3d ) { var me = t
 
     function mousemove( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         //event.preventDefault();
         event.stopPropagation();
@@ -77030,7 +77035,7 @@ function OrthographicTrackballControls( object, domElement, icn3d ) { var me = t
 
     function mouseup( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         //event.preventDefault();
         event.stopPropagation();
@@ -77045,7 +77050,7 @@ function OrthographicTrackballControls( object, domElement, icn3d ) { var me = t
 
     function mousewheel( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         //event.preventDefault();
         event.stopPropagation();
@@ -77071,7 +77076,7 @@ function OrthographicTrackballControls( object, domElement, icn3d ) { var me = t
 
     function touchstart( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         switch ( event.touches.length ) {
 
@@ -77104,7 +77109,7 @@ function OrthographicTrackballControls( object, domElement, icn3d ) { var me = t
 
     function touchmove( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         //event.preventDefault();
         event.stopPropagation();
@@ -77134,7 +77139,7 @@ function OrthographicTrackballControls( object, domElement, icn3d ) { var me = t
 
     function touchend( event ) {
 
-        if ( _this.enabled === false || Object.keys(window).length < 2)  return;
+        if ( _this.enabled === false || Object.keys(window).length < 3)  return;
 
         switch ( event.touches.length ) {
 
@@ -77159,7 +77164,7 @@ function OrthographicTrackballControls( object, domElement, icn3d ) { var me = t
 
     }
 
-    if(Object.keys(window).length >= 2 && this.domElement) {
+    if(Object.keys(window).length >= 3 && this.domElement) {
         this.domElement.addEventListener( 'contextmn', function ( event ) {
             //event.preventDefault();
         }, false );
@@ -77205,7 +77210,8 @@ class Camera {
 
             let maxD = ic.maxD;
 
-            if(window.cam === ic.perspectiveCamera) {
+            // if(window.cam === ic.perspectiveCamera) {
+            if(ic.opts.camera.toLowerCase() == 'perspective') {
                 let bInstance = (ic.biomtMatrices !== undefined && ic.biomtMatrices.length * ic.cnt > ic.maxatomcnt) ? true : false;
                 //var factor = (ic.biomtMatrices !== undefined && ic.biomtMatrices.length * ic.cnt > 10 * ic.maxatomcnt) ? 1 : 2;
                 //var factor = (ic.biomtMatrices !== undefined && ic.biomtMatrices.length * ic.cnt > 10 * ic.maxatomcnt) ? 1 : 3;
@@ -77220,26 +77226,26 @@ class Camera {
                 }
 
                 if(window.cam_z > 0) {
-                  window.cam.position.z = maxD * window.camMaxDFactor; // for perspective, the z position should be large enough to see the whole molecule
+                    window.cam.position.z = maxD * window.camMaxDFactor; // for perspective, the z position should be large enough to see the whole molecule
                 }
                 else {
-                  window.cam.position.z = -maxD * window.camMaxDFactor; // for perspective, the z position should be large enough to see the whole molecule
+                    window.cam.position.z = -maxD * window.camMaxDFactor; // for perspective, the z position should be large enough to see the whole molecule
                 }
 
-                if(ic.opts['slab'] === 'yes') {
-                    if(bInstance) {
-                        window.cam.near = 0.1;
-                    }
-                    else if(window.camMaxDFactorFog !== undefined) {
-                        window.cam.near = maxD * window.camMaxDFactorFog - 10; // keep some surrounding residues
-                    }
-                    else {
-                        window.cam.near = maxD * window.camMaxDFactor;
-                    }
-                }
-                else {
+                // if(ic.opts['slab'] === 'yes') {
+                //     if(bInstance) {
+                //         window.cam.near = 0.1;
+                //     }
+                //     else if(window.camMaxDFactorFog !== undefined) {
+                //         window.cam.near = maxD * window.camMaxDFactorFog - 10; // keep some surrounding residues
+                //     }
+                //     else {
+                //         window.cam.near = maxD * window.camMaxDFactor;
+                //     }
+                // }
+                // else {
                     window.cam.near = 0.1;
-                }
+                // }
                 window.cam.far = 10000;
 
                 if(ic.bControlGl && !me.bNode) {
@@ -77254,7 +77260,8 @@ class Camera {
                     }
                 }
             }
-            else if (window.cam === ic.orthographicCamera){
+            // else if (window.cam === ic.orthographicCamera){
+            else if(ic.opts.camera.toLowerCase() == 'orthographic') {
                 if(ic.biomtMatrices !== undefined && ic.biomtMatrices.length * ic.cnt > 10 * ic.maxatomcnt) {
                     window.cam.right = ic.maxD/2 * 1.5;
                 }
@@ -77266,12 +77273,12 @@ class Camera {
                 window.cam.top = window.cam.right /ic.container.whratio;
                 window.cam.bottom = -window.cam.right /ic.container.whratio;
 
-                  if(ic.opts['slab'] === 'yes') {
-                      window.cam.near = ic.maxD * 2;
-                  }
-                  else {
+                //   if(ic.opts['slab'] === 'yes') {
+                //       window.cam.near = ic.maxD * 2;
+                //   }
+                //   else {
                     window.cam.near = 0;
-                  }
+                //   }
 
                   window.cam.far = 10000;
 
@@ -77297,7 +77304,8 @@ class Camera {
 
             let maxD = ic.maxD;
 
-            if(ic.cam === ic.perspectiveCamera) {
+            // if(ic.cam === ic.perspectiveCamera) {
+            if(ic.opts.camera.toLowerCase() == 'perspective') {
                 let bInstance = (ic.biomtMatrices !== undefined && ic.biomtMatrices.length * ic.cnt > ic.maxatomcnt) ? true : false;
                 //var factor = (ic.biomtMatrices !== undefined && ic.biomtMatrices.length * ic.cnt > 10 * ic.maxatomcnt) ? 1 : 2;
                 //var factor = (ic.biomtMatrices !== undefined && ic.biomtMatrices.length * ic.cnt > 10 * ic.maxatomcnt) ? 1 : 3;
@@ -77312,26 +77320,26 @@ class Camera {
                 }
 
                 if(ic.cam_z > 0) {
-                  ic.cam.position.z = maxD * ic.camMaxDFactor; // forperspective, the z positionshould be large enough to see the whole molecule
+                    ic.cam.position.z = maxD * ic.camMaxDFactor; // forperspective, the z positionshould be large enough to see the whole molecule
                 }
                 else {
-                  ic.cam.position.z = -maxD * ic.camMaxDFactor; // forperspective, the z positionshould be large enough to see the whole molecule
+                    ic.cam.position.z = -maxD * ic.camMaxDFactor; // forperspective, the z positionshould be large enough to see the whole molecule
                 }
 
-                if(ic.opts['slab'] === 'yes') {
-                    if(bInstance) {
-                        ic.cam.near = 0.1;
-                    }
-                    else if(ic.camMaxDFactorFog !== undefined) {
-                        ic.cam.near = maxD * ic.camMaxDFactorFog - 10; // keep some surrounding residues
-                    }
-                    else {
-                        ic.cam.near = maxD * ic.camMaxDFactor;
-                    }
-                }
-                else {
+                // if(ic.opts['slab'] === 'yes') {
+                //     if(bInstance) {
+                //         ic.cam.near = 0.1;
+                //     }
+                //     else if(ic.camMaxDFactorFog !== undefined) {
+                //         ic.cam.near = maxD * ic.camMaxDFactorFog - 10; // keep some surrounding residues
+                //     }
+                //     else {
+                //         ic.cam.near = maxD * ic.camMaxDFactor;
+                //     }
+                // }
+                // else {
                     ic.cam.near = 0.1;
-                }
+                // }
                 ic.cam.far = 10000;
 
                 if(ic.bControlGl && !me.bNode) {
@@ -77346,7 +77354,8 @@ class Camera {
                     }
                 }
             }
-            else if (ic.cam === ic.orthographicCamera){
+            // else if (ic.cam === ic.orthographicCamera){
+            else if(ic.opts.camera.toLowerCase() == 'orthographic') {
                 if(ic.biomtMatrices !== undefined && ic.biomtMatrices.length * ic.cnt > 10 * ic.maxatomcnt) {
                     ic.cam.right = ic.maxD/2 * 1.5;
                 }
@@ -77358,12 +77367,12 @@ class Camera {
                 ic.cam.top = ic.cam.right /ic.container.whratio;
                 ic.cam.bottom = -ic.cam.right /ic.container.whratio;
 
-                  if(ic.opts['slab'] === 'yes') {
-                      ic.cam.near = ic.maxD * 2;
-                  }
-                  else {
+                //   if(ic.opts['slab'] === 'yes') {
+                //       ic.cam.near = ic.maxD * 2;
+                //   }
+                //   else {
                     ic.cam.near = 0;
-                  }
+                //   }
 
                   ic.cam.far = 10000;
 
@@ -77385,6 +77394,85 @@ class Camera {
             ic.cam.updateProjectionMatrix();
     //    }
     }
+
+    setSlab() { let ic = this.icn3d, me = ic.icn3dui;
+        if(ic.bControlGl && !me.bNode) {
+            let maxD = ic.maxD;
+
+            // if(window.cam === ic.perspectiveCamera) {
+            if(ic.opts.camera.toLowerCase() == 'perspective') {
+                let bInstance = (ic.biomtMatrices !== undefined && ic.biomtMatrices.length * ic.cnt > ic.maxatomcnt) ? true : false;
+
+                if(ic.opts['slab'] === 'yes') {
+                    if(bInstance) {
+                        window.cam.near = 0.1;
+                    }
+                    else if(window.camMaxDFactorFog !== undefined) {
+                        window.cam.near = maxD * window.camMaxDFactorFog - 10; // keep some surrounding residues
+                    }
+                    else {
+                        window.cam.near = maxD * window.camMaxDFactor;
+                    }
+                }
+                else {
+                    window.cam.near = 0.1;
+                }
+            }
+            // else if (window.cam === ic.orthographicCamera){
+            else if(ic.opts.camera.toLowerCase() == 'orthographic') {
+                  if(ic.opts['slab'] === 'yes') {
+                      window.cam.near = ic.maxD * 2;
+                  }
+                  else {
+                    window.cam.near = 0;
+                  }
+
+                  window.cam.far = 10000;
+            }
+
+            window.cam.updateProjectionMatrix();
+        }
+    //    else {
+            // also set its own camera for picking purpose
+
+            let maxD = ic.maxD;
+
+            // if(ic.cam === ic.perspectiveCamera) {
+            if(ic.opts.camera.toLowerCase() == 'perspective') {
+                let bInstance = (ic.biomtMatrices !== undefined && ic.biomtMatrices.length * ic.cnt > ic.maxatomcnt) ? true : false;
+
+                if(ic.opts['slab'] === 'yes') {
+                    if(bInstance) {
+                        ic.cam.near = 0.1;
+                    }
+                    else if(ic.camMaxDFactorFog !== undefined) {
+                        ic.cam.near = maxD * ic.camMaxDFactorFog - 10; // keep some surrounding residues
+                    }
+                    else {
+                        ic.cam.near = maxD * ic.camMaxDFactor;
+                    }
+                }
+                else {
+                    ic.cam.near = 0.1;
+                }
+            }
+            // else if (ic.cam === ic.orthographicCamera){
+            else if(ic.opts.camera.toLowerCase() == 'orthographic') {
+                  if(ic.opts['slab'] === 'yes') {
+                      ic.cam.near = ic.maxD * 2;
+                  }
+                  else {
+                    ic.cam.near = 0;
+                  }
+
+                  ic.cam.far = 10000;
+            }
+
+            // ic.cam.add(ic.directionalLight);
+
+            ic.cam.updateProjectionMatrix();
+    //    }
+    }
 }
 
 /**
@@ -93521,7 +93609,7 @@ class AnnoSnpClinVar {
           let snpResn = snpStr.substr(posSymbol - 1, 1);
           let atom = ic.firstAtomObjCls.getFirstAtomObj(ic.residues[chnid + '_' + realResi]);
           let oneLetterRes = (atom) ? me.utilsCls.residueName2Abbr(atom.resn.substr(0, 3)) : '';
-          if(!bFromClinVarDb) {
+          if(!bFromClinVarDb && ic.chainsSeq[chnid][resi - 1]) {
             oneLetterRes = ic.chainsSeq[chnid][resi - 1].name;
           }
 
@@ -119653,19 +119741,7 @@ class LoadScript {
     updateTransformation(steps) { let ic = this.icn3d; ic.icn3dui;
       let commandTransformation = (ic.commands[steps-1]) ? ic.commands[steps-1].split('|||') : [];
 
-      if(commandTransformation.length == 2) {
-          let transformation = JSON.parse(commandTransformation[1]);
-
-          ic._zoomFactor = transformation.factor;
-
-          ic.mouseChange.x = transformation.mouseChange.x;
-          ic.mouseChange.y = transformation.mouseChange.y;
-
-          ic.quaternion._x = transformation.quaternion._x;
-          ic.quaternion._y = transformation.quaternion._y;
-          ic.quaternion._z = transformation.quaternion._z;
-          ic.quaternion._w = transformation.quaternion._w;
-      }
+      ic.transformCls.resetOrientation_base(commandTransformation);
 
       // ic.bRender = true;
       ic.drawCls.draw();
@@ -120447,19 +120523,17 @@ class LoadScript {
 
         let commandTransformation = (ic.commands[steps-1]) ? ic.commands[steps-1].split('|||') : [];
 
-        if(commandTransformation.length == 2) {
-            let transformation = JSON.parse(commandTransformation[1]);
-
-            ic._zoomFactor = transformation.factor;
+        // load a URL with trackball transformation, or no info after "|||"
+        if(commandTransformation.length != 2 || (commandTransformation.length == 2 && commandTransformation[1].substr(0,1) == '{')) {
+          ic.bSetCamera = true;
+        } 
+        else {
+          ic.bSetCamera = false;
+        }
 
-            ic.mouseChange.x = transformation.mouseChange.x;
-            ic.mouseChange.y = transformation.mouseChange.y;
+        if(commandTransformation.length == 2 && commandTransformation[1].substr(0,1) == '{') ic.bTransformation = true;
 
-            ic.quaternion._x = transformation.quaternion._x;
-            ic.quaternion._y = transformation.quaternion._y;
-            ic.quaternion._z = transformation.quaternion._z;
-            ic.quaternion._w = transformation.quaternion._w;
-        }
+        ic.transformCls.resetOrientation_base(commandTransformation);
 
         ic.selectionCls.oneStructurePerWindow();
 
@@ -128861,13 +128935,9 @@ class Transform {
         this.icn3d = icn3d;
     }
 
-    //Set the orientation to the original one, but leave the style, color, etc alone.
-    resetOrientation() { let ic = this.icn3d; ic.icn3dui;
-        let bSet = false;
-        if(ic.commands.length > 0) {
-            let commandTransformation = ic.commands[0].split('|||');
-
-            if(commandTransformation.length == 2) {
+    resetOrientation_base(commandTransformation) { let ic = this.icn3d; ic.icn3dui;
+        if(commandTransformation.length == 2 && commandTransformation[1].length > 0) {
+            if(ic.bSetCamera) { // |||{"factor"...}
                 let transformation = JSON.parse(commandTransformation[1]);
 
                 ic._zoomFactor = transformation.factor;
@@ -128879,16 +128949,46 @@ class Transform {
                 ic.quaternion._y = transformation.quaternion._y;
                 ic.quaternion._z = transformation.quaternion._z;
                 ic.quaternion._w = transformation.quaternion._w;
+                bSet1 = true;
+            }
+            else { // |||pos:a,b,c|dir:a,b,c|up:a,b,c|fov:a
+                let bcfArray = commandTransformation[1].split('|');
+                bcfArray.forEach(item => {
+                    let itemArray = item.split(':');
+                    if(itemArray[0] == 'fov') {
+                        ic.cam.fov = parseFloat(itemArray[1]);
+                    }
+                    else {
+                        let abc = itemArray[1].split(',');
+                        if(itemArray[0] == 'pos') {
+                            ic.cam.position.set(parseFloat(abc[0]), parseFloat(abc[1]), parseFloat(abc[2]));
+                        }
+                        else if(itemArray[0] == 'dir') {
+                            ic.cam.quaternion.setFromUnitVectors(new Vector3$1(0, 0, -1), new Vector3$1(parseFloat(abc[0]), parseFloat(abc[1]), parseFloat(abc[2])));
+                        }
+                        else if(itemArray[0] == 'up') {
+                            ic.cam.up.set(parseFloat(abc[0]), parseFloat(abc[1]), parseFloat(abc[2]));
+                        }
+                    }
+                });
+
 
-                bSet = true;
             }
         }
-
-        if(!bSet) {
+        else {
             ic._zoomFactor = 1.0;
             ic.mouseChange = new Vector2$1(0,0);
             ic.quaternion = new Quaternion(0,0,0,1);
         }
+    }
+
+    //Set the orientation to the original one, but leave the style, color, etc alone.
+    resetOrientation() { let ic = this.icn3d; ic.icn3dui;
+        if(ic.commands.length > 0) {
+            let commandTransformation = ic.commands[0].split('|||');
+
+            this.resetOrientation_base(commandTransformation);
+        }
 
         //reset ic.maxD
         ic.maxD = ic.oriMaxD;
@@ -129118,25 +129218,43 @@ class Transform {
     }
 
     getTransformationStr(transformation) {var ic = this.icn3d; ic.icn3dui;
-        let transformation2 = {"factor": 1.0, "mouseChange": {"x": 0, "y": 0}, "quaternion": {"_x": 0, "_y": 0, "_z": 0, "_w": 1} };
-        transformation2.factor = parseFloat(transformation.factor).toPrecision(4);
-        transformation2.mouseChange.x = parseFloat(transformation.mouseChange.x).toPrecision(4);
-        transformation2.mouseChange.y = parseFloat(transformation.mouseChange.y).toPrecision(4);
-        transformation2.quaternion._x = parseFloat(transformation.quaternion._x).toPrecision(4);
-        transformation2.quaternion._y = parseFloat(transformation.quaternion._y).toPrecision(4);
-        transformation2.quaternion._z = parseFloat(transformation.quaternion._z).toPrecision(4);
-        transformation2.quaternion._w = parseFloat(transformation.quaternion._w).toPrecision(4);
-
-        if(transformation2.factor == '1.0000') transformation2.factor = 1;
-        if(transformation2.mouseChange.x == '0.0000') transformation2.mouseChange.x = 0;
-        if(transformation2.mouseChange.y == '0.0000') transformation2.mouseChange.y = 0;
-
-        if(transformation2.quaternion._x == '0.0000') transformation2.quaternion._x = 0;
-        if(transformation2.quaternion._y == '0.0000') transformation2.quaternion._y = 0;
-        if(transformation2.quaternion._z == '0.0000') transformation2.quaternion._z = 0;
-        if(transformation2.quaternion._w == '1.0000') transformation2.quaternion._w = 1;
-
-        return JSON.stringify(transformation2);
+        if(ic.bTransformation) {
+            let transformation2 = {"factor": 1.0, "mouseChange": {"x": 0, "y": 0}, "quaternion": {"_x": 0, "_y": 0, "_z": 0, "_w": 1} };
+            transformation2.factor = parseFloat(transformation.factor).toPrecision(4);
+            transformation2.mouseChange.x = parseFloat(transformation.mouseChange.x).toPrecision(4);
+            transformation2.mouseChange.y = parseFloat(transformation.mouseChange.y).toPrecision(4);
+            transformation2.quaternion._x = parseFloat(transformation.quaternion._x).toPrecision(4);
+            transformation2.quaternion._y = parseFloat(transformation.quaternion._y).toPrecision(4);
+            transformation2.quaternion._z = parseFloat(transformation.quaternion._z).toPrecision(4);
+            transformation2.quaternion._w = parseFloat(transformation.quaternion._w).toPrecision(4);
+
+            if(transformation2.factor == '1.0000') transformation2.factor = 1;
+            if(transformation2.mouseChange.x == '0.0000') transformation2.mouseChange.x = 0;
+            if(transformation2.mouseChange.y == '0.0000') transformation2.mouseChange.y = 0;
+
+            if(transformation2.quaternion._x == '0.0000') transformation2.quaternion._x = 0;
+            if(transformation2.quaternion._y == '0.0000') transformation2.quaternion._y = 0;
+            if(transformation2.quaternion._z == '0.0000') transformation2.quaternion._z = 0;
+            if(transformation2.quaternion._w == '1.0000') transformation2.quaternion._w = 1;
+
+            return JSON.stringify(transformation2);
+        }
+        else if(ic.cam) {
+            // |||pos:a,b,c|dir:a,b,c|up:a,b,c|fov:a
+            let str = '';
+            str += 'pos:' + ic.cam.position.x.toPrecision(4) + ',' + ic.cam.position.y.toPrecision(4) + ',' + ic.cam.position.z.toPrecision(4);
+
+            let direction = (new Vector3$1(0, 0, -1)).applyQuaternion(ic.cam.quaternion);
+            str += '|dir:' + direction.x.toPrecision(4) + ',' + direction.y.toPrecision(4) + ',' + direction.z.toPrecision(4);
+
+            str += '|up:' + ic.cam.up.x.toPrecision(4) + ',' + ic.cam.up.y.toPrecision(4) + ',' + ic.cam.up.z.toPrecision(4);
+            str += '|fov:' + ic.cam.fov.toPrecision(4);
+
+            return str;
+        }
+        else {
+            return '';
+        }
     }
 }
 
@@ -132051,38 +132169,14 @@ class Picking {
           else {
               // highlight the sequence background
               ic.hlUpdateCls.updateHlAll();
-              let transformation = {};
-              transformation.factor = ic._zoomFactor;
-              transformation.mouseChange = ic.mouseChange;
-              //transformation.quaternion = ic.quaternion;
-              transformation.quaternion = {};
-              transformation.quaternion._x = parseFloat(ic.quaternion._x).toPrecision(5);
-              transformation.quaternion._y = parseFloat(ic.quaternion._y).toPrecision(5);
-              transformation.quaternion._z = parseFloat(ic.quaternion._z).toPrecision(5);
-              transformation.quaternion._w = parseFloat(ic.quaternion._w).toPrecision(5);
-
-              /*
-              if(ic.bAddCommands) {
-                  ic.commands.push('pickatom ' + atom.serial + '|||' + ic.transformCls.getTransformationStr(transformation));
-                  ic.optsHistory.push(me.hashUtilsCls.cloneHash(ic.opts));
-                  ic.optsHistory[ic.optsHistory.length - 1].hlatomcount = Object.keys(ic.hAtoms).length;
-                  if(me.utilsCls.isSessionStorageSupported()) ic.setStyleCls.saveCommandsToSession();
-                  ic.STATENUMBER = ic.commands.length;
-              }
-              ic.logs.push('pickatom ' + atom.serial + '(chain: ' + atom.structure + '_' + atom.chain + ', residue: ' + atom.resn + ', number: ' + atom.resi + ', atom: ' + atom.name + ')');
-              if( $( "#" + ic.pre + "logtext" ).length )  {
-                $("#" + ic.pre + "logtext").val("> " + ic.logs.join("\n> ") + "\n> ").scrollTop($("#" + ic.pre + "logtext")[0].scrollHeight);
-              }
-              */
+
               me.htmlCls.clickMenuCls.setLogCmd('pickatom ' + atom.serial, true);
 
               ic.selectionCls.saveSelInCommand();
 
               // update the interaction flag
               ic.bSphereCalc = false;
-              //me.htmlCls.clickMenuCls.setLogCmd('set calculate sphere false', true);
               ic.bHbondCalc = false;
-              //me.htmlCls.clickMenuCls.setLogCmd('set calculate hbond false', true);
           }
       }
     }
@@ -132876,6 +132970,8 @@ class iCn3D {
 
     this.bUsePdbNum = true;
 
+    this.bSetCamera = true; 
+
     let bWebGL, bWebGL2, bVR;
     if(!this.icn3dui.bNode) {
         let canvas = document.createElement( 'canvas' );
@@ -133575,10 +133671,10 @@ class iCn3DUI {
     //even when multiple iCn3D viewers are shown together.
     this.pre = this.cfg.divid + "_";
 
-    this.REVISION = '3.44.2';
+    this.REVISION = '3.45.0';
 
-    // In nodejs, iCn3D defines "window = {navigator: {}}"
-    this.bNode = (Object.keys(window).length < 2) ? true : false;
+    // In nodejs, iCn3D defines "window = {navigator: {}}", and added window = {navigator: {}, "__THREE__":"177"}
+    this.bNode = (Object.keys(window).length < 3) ? true : false;
 
     if(this.cfg.command === undefined) this.cfg.command = '';
     if(this.cfg.width === undefined) this.cfg.width = '100%';