Update app.py

app.py

@@ -613,8 +613,8 @@ async(c, o, p, d, n, m, s)=>{
         //zoom
         BABYLON.Engine.LastCreatedScene.activeCamera.pinchDeltaPercentage = 1/256;
         BABYLON.Engine.LastCreatedScene.activeCamera.wheelDeltaPercentage = 1/256;
-        BABYLON.Engine.LastCreatedScene.activeCamera.upperRadiusLimit = 1.57 / 0.8;
-        BABYLON.Engine.LastCreatedScene.activeCamera.lowerRadiusLimit = 0.157 / 0.8;
+        BABYLON.Engine.LastCreatedScene.activeCamera.upperRadiusLimit = (1.57-0.157)*16;
+        BABYLON.Engine.LastCreatedScene.activeCamera.lowerRadiusLimit = 0.0;
         //BABYLON.Engine.LastCreatedScene.activeCamera.attachControl(document.getElementById("model3D").getElementsByTagName("canvas")[0], false);
         
         BABYLON.Engine.LastCreatedScene.activeCamera.fov = document.getElementById("zoom").value;
@@ -704,19 +704,19 @@ async(c, o, p, d, n, m, s)=>{
         window.ctx = null;
         window.video = document.getElementById("depth_video").getElementsByTagName("video")[0];
         window.parallax = 0;
-        window.xdir = new BABYLON.Vector3(0, 0, 1);
-        window.rdir = new BABYLON.Vector3(0, 0, 1);
+        window.xdir = new BABYLON.Vector3(1, 0, 0);
+        window.rdir = new BABYLON.Vector3(1, 0, 0);
 
         document.getElementById("model3D").getElementsByTagName("canvas")[0].addEventListener('pointermove', function(evt) {
         if (md === true) {
           rdir = BABYLON.Engine.LastCreatedScene.activeCamera.getDirection(xdir);
-          BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-1].position.x = parallax * rdir.x;
-          BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-1].position.z = parallax * rdir.z;
+          BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-2].position.x = parallax * rdir.x;
+          BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-2].position.z = parallax * rdir.z;
           
           x = parseInt(evt.clientX - evt.target.getBoundingClientRect().x);
           y = parseInt(evt.clientY - evt.target.getBoundingClientRect().y);
           
-          if (rd === true && Math.abs(x-xold)>16 || Math.abs(y-yold)>16) {
+          if (rd === true) {
             if (Math.abs(BABYLON.Engine.LastCreatedScene.activeCamera.radius) > (1.57-0.157)*16) {
               BABYLON.Engine.LastCreatedScene.activeCamera.radius = (1.57-0.157)*16;
             } else {
@@ -1313,8 +1313,8 @@ with gr.Blocks(css=css, js=js, head=head) as demo:
               }
               parallax = this.value;
               rdir = BABYLON.Engine.LastCreatedScene.activeCamera.getDirection(xdir);
-              BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-1].position.x = parallax * rdir.x;
-              BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-1].position.z = parallax * rdir.z;
+              BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-2].position.x = parallax * rdir.x;
+              BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-2].position.z = parallax * rdir.z;
               this.parentNode.childNodes[2].innerText = parallax;
             '/><span>0.0</span></span><br/>
             <span><label for='contrast' style='width:8em'>Contrast</label><input id='contrast' type='range' style='width:128px;height:1em;' value='1.0' min='0' max='2' step='0.001' oninput='