Update app.py

app.py

@@ -450,17 +450,6 @@ with gr.Blocks(css=css) as demo:
             with gr.Accordion(label="Blur levels", open=False):
                 blur_in = gr.Textbox(value="", label="Kernel size", show_label=False)
             with gr.Accordion(label="Locations", open=False):
-                selected = gr.Number(elem_id="fnum", value=0, minimum=0, maximum=256, interactive=False)
-                output_frame.select(fn=select_frame, inputs=None, outputs=[output_depth, selected], show_progress='hidden')
-                output_depth.select(fn=select_frame, inputs=None, outputs=[output_frame, selected], show_progress='hidden')
-                example_coords = """[
-                  {"latLng": { "lat": 50.07379596793083, "lng": 14.437146122950555 } },
-                  {"latLng": { "lat": 50.073799567020004, "lng": 14.437146774240507 } },
-                  {"latLng": { "lat": 50.07377647505558, "lng": 14.437161000659017 } },
-                  {"latLng": { "lat": 50.07379496839027, "lng": 14.437148958238538 } },
-                  {"latLng": { "lat": 50.073823157821664, "lng": 14.437124189538856 } }
-                ]"""
-                coords = gr.JSON(elem_id="coords", value=example_coords, label="Precise coordinates", show_label=False)
                 offset = gr.HTML(value="""<svg id='offset' height='256' width='256' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='touch-action:none;background-color:transparent;' onpointerdown='
                 if (!BABYLON.Engine.LastCreatedScene.activeCamera.metadata) {
                   var evt = document.createEvent(\"Event\");
@@ -503,7 +492,7 @@ with gr.Blocks(css=css) as demo:
                     yold = parseInt(event.clientY - event.target.getBoundingClientRect().y);
                     this.title = xold+\",\"+yold;
                   }
-                  this.onclick = function(event) {
+                  this.ondblclick = function(event) {
                     alert(document.getElementById(\"cr\").getAttribute(\"stroke\"));
                     if (document.getElementById(\"cr\").getAttribute(\"stroke\") != \"black\") {
                       document.getElementById(\"cr\").setAttribute(\"stroke\", \"black\");
@@ -522,11 +511,11 @@ with gr.Blocks(css=css) as demo:
                 <circle cx='127' cy='127' r='32' id='cr' stroke='none' fill='url(#rg)'/>
               </svg><br/><label for='transparency'>Transparency</label><input type='checkbox' id='transparency' onchange='
               try {
+              alert(BABYLON.Engine.LastCreatedScene.getNodes().length);
               for (var i=0; i<BABYLON.Engine.LastCreatedScene.getNodes().length; i++) {
-                if (BABYLON.Engine.LastCreatedScene.getNodes()[i].material) {
-                  //BABYLON.Engine.LastCreatedScene.getNodes()[i].material.transparencyMode = null;
+                if (BABYLON.Engine.LastCreatedScene.getNodes()[i].visibility) {
                   if (this.checked) {
-                    BABYLON.Engine.LastCreatedScene.getNodes()[i].visibility = 0.5;
+                    BABYLON.Engine.LastCreatedScene.getNodes()[i].visibility = 1.0/(BABYLON.Engine.LastCreatedScene.getNodes().length-3);
                   } else {
                     BABYLON.Engine.LastCreatedScene.getNodes()[i].visibility = 1.0;
                   }
@@ -534,6 +523,17 @@ with gr.Blocks(css=css) as demo:
               }
               } catch(e) {alert(e);}
               '/>""")
+                selected = gr.Number(elem_id="fnum", value=0, minimum=0, maximum=256, interactive=False)
+                output_frame.select(fn=select_frame, inputs=None, outputs=[output_depth, selected], show_progress='hidden')
+                output_depth.select(fn=select_frame, inputs=None, outputs=[output_frame, selected], show_progress='hidden')
+                example_coords = """[
+                  {"latLng": { "lat": 50.07379596793083, "lng": 14.437146122950555 } },
+                  {"latLng": { "lat": 50.073799567020004, "lng": 14.437146774240507 } },
+                  {"latLng": { "lat": 50.07377647505558, "lng": 14.437161000659017 } },
+                  {"latLng": { "lat": 50.07379496839027, "lng": 14.437148958238538 } },
+                  {"latLng": { "lat": 50.073823157821664, "lng": 14.437124189538856 } }
+                ]"""
+                coords = gr.JSON(elem_id="coords", value=example_coords, label="Precise coordinates", show_label=False)      
                 
             html = gr.HTML(value="""<label for='zoom'>Zoom</label><input id='zoom' type='range' style='width:256px;height:1em;' value='0.8' min='0.157' max='1.57' step='0.001' oninput='
               if (!BABYLON.Engine.LastCreatedScene.activeCamera.metadata) {