Update app.py

app.py

@@ -577,6 +577,7 @@ async(c, o, p, d, n, m, s)=>{
             delta = now - then;
             then = now - (delta % interval);
             if (delta >= interval - tolerance) {
+                BABYLON.Engine.LastCreatedScene.activeCamera.target = BABYLON.Engine.LastCreatedScene.activeCamera.getDirection(BABYLON.Engine.LastCreatedScene.activeCamera.rotation);
                 BABYLON.Engine.LastCreatedScene.render();
             }
           });
@@ -784,6 +785,11 @@ async(c, o, p, d, n, m, s)=>{
           document.getElementById("model").appendChild(document.getElementById("model3D"));
           toggleDisplay("model");
         }
+        var code = document.getElementsByTagName('script');
+        for (var i=0; i<code.length; i++) {
+            alert(code[i].innerText);
+        }
+        
         clearInterval(intv);
       }
       } catch(e) {alert(e);}
@@ -1251,7 +1257,7 @@ with gr.Blocks(css=css, js=js, head=head) as demo:
           with gr.Group():
             camera = gr.HTML(value="""<div style='width:128px;height:128px;border:1px dotted gray;padding:0;margin:0;float:left;clear:none;' id='seek'></div>
             <span style='max-width:50%;float:right;clear:none;'>
-            <a href='#' id='reset_cam' style='float:right;clear:none;color:white' onclick='
+            <a href='#' id='reset_cam' style='text-align:right;float:right;clear:none;color:white' onclick='
               if (!BABYLON.Engine.LastCreatedScene.activeCamera.metadata) {
                 BABYLON.Engine.LastCreatedScene.activeCamera.metadata = { 
                   screenshot: true,
@@ -1282,6 +1288,16 @@ with gr.Blocks(css=css, js=js, head=head) as demo:
 
               document.getElementById(\"model3D\").getElementsByTagName(\"canvas\")[0].style.filter = \"blur(\" + BABYLON.Engine.LastCreatedScene.getNodes()[parseInt(document.getElementById(\"fnum\").getElementsByTagName(\"input\")[0].value)+1].material.pointSize/2.0*Math.sqrt(2.0) + \"px)\";
             '/> <span>0.8</span><br/>
+            <label for='pan' style='width:8em'>Pan</label><input id='pan' type='range' style='width:128px;height:1em;' value='0' min='-16' max='16' step='0.001' oninput='
+              if (!BABYLON.Engine.LastCreatedScene.activeCamera.metadata) {
+                var evt = document.createEvent(\"Event\");
+                evt.initEvent(\"click\", true, false);
+                document.getElementById(\"reset_cam\").dispatchEvent(evt);
+              }
+              BABYLON.Engine.LastCreatedScene.activeCamera.rotation.x = this.value;
+              BABYLON.Engine.LastCreatedScene.activeCamera.target = BABYLON.Engine.LastCreatedScene.activeCamera.getDirection(BABYLON.Engine.LastCreatedScene.activeCamera.rotation);
+              this.parentNode.childNodes[2].innerText = BABYLON.Engine.LastCreatedScene.activeCamera.rotation.x;
+            '/> <span>0.0</span><br/>
             <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='
               if (!BABYLON.Engine.LastCreatedScene.activeCamera.metadata) {
                 var evt = document.createEvent(\"Event\");