import gradio as gr

sky = "https://huggingface.co/spaces/Omnibus/game-test/resolve/main/assets/sky.png"
platform = 'https://huggingface.co/spaces/Omnibus/game-test/resolve/main/assets/platform.png'
star = 'https://huggingface.co/spaces/Omnibus/game-test/resolve/main/assets/star.png'
bomb = 'https://huggingface.co/spaces/Omnibus/game-test/resolve/main/assets/bomb.png'
dude = 'https://huggingface.co/spaces/Omnibus/game-test/resolve/main/assets/dude.png'
load_js="""
function myFunction(){
$('#myIframe').attr('src', f"https://omnibus-game-test-static.static.hf.space?sky={sky}&platform={platform}&star={star}&bomb={bomb}&dude={star}"); 
} 
"""

with gr.Blocks() as app:
    gr.HTML(f"""
    
    <div id="demo">
        <iframe
        id="myIframe"
    	src="https://omnibus-game-test-static.static.hf.space?sky={sky}&platform={platform}&star={star}&bomb={bomb}&dude={dude}"
    	frameborder="0"
    	width="100%"
        height="100%"
        ></iframe>
    </div>
""")
    btn=gr.Button()
    btn.click(None,None,None,_js=load_js)
app.launch()