Update app.py

app.py

@@ -559,7 +559,7 @@ def draw_mask(o, b, v, d, evt: gr.EventData):
     return gr.ImageEditor(value=d)
 
 
-load_model="""
+load_model="""//Code
 async(c, o, p, d, n, m, s)=>{
   var intv = setInterval(function(){
     if (document.getElementById("model3D").getElementsByTagName("canvas")[0]) {
@@ -571,13 +571,15 @@ async(c, o, p, d, n, m, s)=>{
           var now, delta;
           const interval = 1000 / 25;
           const tolerance = 0.1;
+          window.parallax = new BABYLON.Vector3(0, 0, 0);
+          
           BABYLON.Engine.LastCreatedScene.getEngine().stopRenderLoop();
           BABYLON.Engine.LastCreatedScene.getEngine().runRenderLoop(function () {
             now = new Date().getTime();
             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.activeCamera.target = BABYLON.Engine.LastCreatedScene.activeCamera.getDirection(parallax);
                 BABYLON.Engine.LastCreatedScene.render();
             }
           });
@@ -787,7 +789,8 @@ async(c, o, p, d, n, m, s)=>{
         }
         var code = document.getElementsByTagName('script');
         for (var i=0; i<code.length; i++) {
-            alert(code[i].innerText);
+            var cd = code[i].innerText.split('//Code');
+            if (cd.length>1) {alert(cd[1]);}
         }
         
         clearInterval(intv);
@@ -796,7 +799,7 @@ async(c, o, p, d, n, m, s)=>{
     }
   }, 40);
 }
-"""
+//Code"""
 
 js = """
 async()=>{
@@ -1256,8 +1259,8 @@ 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='text-align:right;float:right;clear:none;color:white' onclick='
+            <span style='max-width:50%;float:right;clear:none;text-align:right;'>
+            <a href='#' id='reset_cam' style='float:right;clear:none;color:white' onclick='
               if (!BABYLON.Engine.LastCreatedScene.activeCamera.metadata) {
                 BABYLON.Engine.LastCreatedScene.activeCamera.metadata = { 
                   screenshot: true,
@@ -1294,9 +1297,9 @@ with gr.Blocks(css=css, js=js, head=head) as demo:
                 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;
+              parallax.x = this.value;
+              BABYLON.Engine.LastCreatedScene.activeCamera.target = BABYLON.Engine.LastCreatedScene.activeCamera.getDirection(parallax);
+              this.parentNode.childNodes[2].innerText = parallax.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) {