Spaces:

sagar007
/

game

Sleeping

App Files Files Community

sagar007 commited on Feb 25

Commit

0934dda

verified ·

1 Parent(s): ef2f59c

Update app.py

Browse files

Files changed (1) hide show

app.py +18 -14

app.py CHANGED Viewed

@@ -1,6 +1,6 @@
 import gradio as gr
-# Updated HTML with explicit initialization to ensure the game starts
 game_html = """
 <!DOCTYPE html>
 <html>
@@ -23,7 +23,6 @@ game_html = """
     <button id="restart-button">Restart</button>
   </div>
   <script>
-    // Ensure DOM is fully loaded before starting the game
     document.addEventListener('DOMContentLoaded', () => {
       const gameCanvas = document.getElementById('game-canvas');
       const scoreDisplay = document.getElementById('score');
@@ -65,6 +64,7 @@ game_html = """
           this.size = 30 + Math.random() * 20;
           this.element = this.createBirdElement();
           gameCanvas.appendChild(this.element);
         }
         createBirdElement() {
           const group = document.createElementNS("http://www.w3.org/2000/svg", "g");
@@ -115,11 +115,7 @@ game_html = """
           }
           if (this.x > 850) {
             this.remove();
-            if (birds.length === 0 && gameRunning) {
-              gameOverDisplay.style.display = 'block';
-              restartButton.style.display = 'block';
-              gameRunning = false;
-            }
             return false;
           }
           return true;
@@ -223,14 +219,20 @@ game_html = """
           gameCanvas.removeChild(gameCanvas.firstChild);
         }
         createClouds();
-        birds.push(new Bird()); // Start with one bird to ensure something happens
         gameLoop();
       }
       function gameLoop() {
-        if (!gameRunning) return;
-        if (Math.random() < 0.02) {
           birds.push(new Bird());
         }
         for (let i = birds.length - 1; i >= 0; i--) {
           if (!birds[i].update()) {
@@ -242,7 +244,7 @@ game_html = """
             explosions.splice(i, 1);
           }
         }
-        requestAnimationFrame(gameLoop);
       }
       gameCanvas.addEventListener('click', (e) => {
@@ -262,6 +264,7 @@ game_html = """
             score += 10;
             scoreDisplay.textContent = `Score: ${score}`;
             hit = true;
           }
         }
         if (!hit) {
@@ -269,15 +272,16 @@ game_html = """
           miss.src = "data:audio/wav;base64,UklGRiQDAABXQVZFZm10IBAAAAABAAEAESsAABErAAABAAgAZGF0YQADAABkAGQAZABkAGQAfACEAJwAsAC8AMgA1ADsAOQA7ADkANQA0AC8AKgAnACMAHQAXABMAEQAPABEADwANAA0ADQALAAsACQAHAAUAAwABAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAA8AFgAaAB8AIQAnACsAMAAyADMANwA3ADcAMgA0ADAALAApACQAIQAbABYAEQAMAAUAAAAAAAAAAAAAAAAAAAAAAAAAAP//9//x//X/9f/4/wAABwANABYAHAAnADIAOABDAEsAVABdAGQAbQBzAH4AhQCKAJEAlQCYAJ4AnwCgAKIAoQCgAJwAmgCXAJIAjwCIAIMAfQB2AG4AZgBeAFQATABGAD4ANQAvACgAIgAaABUADAAIAAQAAQD+//r/9//0//H/7//u/+z/6//r/+r/6v/p/+n/6v/q/+v/7P/u/+//8f/z//X/+P/7//7/AQADAAYACQALABAAEQAUABYAGAAZAB0AHQAfACEAIgAkACUAJQAmACcAJwAoACkAKQAqACsAKwAsACwALQAtAC0ALQAuAC4ALgAuAC4ALgAtAC0ALQAsACwALAAqACkAKQAnACYAJgAkACMAIgAgAB8AHgAcABoAGQAYABYAFAAQAA4ADAAJAAcABQADAAEA//89//7//f/8//v/+v/5//j/9//2//X/9P/z//P/8v/x//D/8P/v/+7/7v/t/+3/7P/s/+v/6//q/+r/6v/p/+n/6f/p/+n/6f/p/+n/6f/p/+n/6v/q/+v/6//s/+z/7f/u/+7/7//w//H/8v/z//T/9f/2//f/+P/5//v//P/9/wAAAgADAAUABgAIAAkACwAMAA4AEAARACMACwAEAP//+//4//X/8v/v/+v/6P/l/+L/4P/e/9v/2f/X/9X/1P/S/9H/z//O/83/zf/M/8v/y//K/8r/yv/K/8v/y//L/8z/zf/O/8//0P/S/9P/1f/X/9j/2v/c/97/4f/j/+X/6P/q/+3/8P/z//X/+P/7//7/AQA=";
           miss.volume = 0.2;
           miss.play();
         }
       });
       restartButton.addEventListener('click', () => {
         initGame();
       });
-      // Start the game explicitly
-      initGame();
     });
   </script>
 </body>
@@ -291,7 +295,7 @@ def launch_game():
 # Create the Gradio app
 with gr.Blocks(title="Bird Shooter Game") as demo:
     gr.Markdown("# Bird Shooter Game")
-    gr.Markdown("Click on the birds to shoot them and earn points! If nothing happens, try refreshing the page.")
     game_output = gr.HTML(label="Game", value=launch_game())
 # Launch the app

 import gradio as gr
+# Updated HTML with fixes and debugging
 game_html = """
 <!DOCTYPE html>
 <html>
     <button id="restart-button">Restart</button>
   </div>
   <script>
     document.addEventListener('DOMContentLoaded', () => {
       const gameCanvas = document.getElementById('game-canvas');
       const scoreDisplay = document.getElementById('score');
           this.size = 30 + Math.random() * 20;
           this.element = this.createBirdElement();
           gameCanvas.appendChild(this.element);
+          console.log('Bird created at x:', this.x, 'y:', this.y);
         }
         createBirdElement() {
           const group = document.createElementNS("http://www.w3.org/2000/svg", "g");
           }
           if (this.x > 850) {
             this.remove();
+            console.log('Bird removed, remaining birds:', birds.length);
             return false;
           }
           return true;
           gameCanvas.removeChild(gameCanvas.firstChild);
         }
         createClouds();
+        birds.push(new Bird()); // Start with one bird
+        console.log('Game initialized');
         gameLoop();
       }
       function gameLoop() {
+        if (!gameRunning) {
+          console.log('Game stopped');
+          return;
+        }
+        console.log('Game loop running, birds:', birds.length);
+        if (Math.random() < 0.1) { // Increased spawn rate for testing
           birds.push(new Bird());
+          console.log('New bird spawned');
         }
         for (let i = birds.length - 1; i >= 0; i--) {
           if (!birds[i].update()) {
             explosions.splice(i, 1);
           }
         }
+        requestAnimationFrame(gameLoop); // Ensure continuous looping
       }
       gameCanvas.addEventListener('click', (e) => {
             score += 10;
             scoreDisplay.textContent = `Score: ${score}`;
             hit = true;
+            console.log('Bird hit, score:', score);
           }
         }
         if (!hit) {
           miss.src = "data:audio/wav;base64,UklGRiQDAABXQVZFZm10IBAAAAABAAEAESsAABErAAABAAgAZGF0YQADAABkAGQAZABkAGQAfACEAJwAsAC8AMgA1ADsAOQA7ADkANQA0AC8AKgAnACMAHQAXABMAEQAPABEADwANAA0ADQALAAsACQAHAAUAAwABAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAA8AFgAaAB8AIQAnACsAMAAyADMANwA3ADcAMgA0ADAALAApACQAIQAbABYAEQAMAAUAAAAAAAAAAAAAAAAAAAAAAAAAAP//9//x//X/9f/4/wAABwANABYAHAAnADIAOABDAEsAVABdAGQAbQBzAH4AhQCKAJEAlQCYAJ4AnwCgAKIAoQCgAJwAmgCXAJIAjwCIAIMAfQB2AG4AZgBeAFQATABGAD4ANQAvACgAIgAaABUADAAIAAQAAQD+//r/9//0//H/7//u/+z/6//r/+r/6v/p/+n/6v/q/+v/7P/u/+//8f/z//X/+P/7//7/AQADAAYACQALABAAEQAUABYAGAAZAB0AHQAfACEAIgAkACUAJQAmACcAJwAoACkAKQAqACsAKwAsACwALQAtAC0ALQAuAC4ALgAuAC4ALgAtAC0ALQAsACwALAAqACkAKQAnACYAJgAkACMAIgAgAB8AHgAcABoAGQAYABYAFAAQAA4ADAAJAAcABQADAAEA//89//7//f/8//v/+v/5//j/9//2//X/9P/z//P/8v/x//D/8P/v/+7/7v/t/+3/7P/s/+v/6//q/+r/6v/p/+n/6f/p/+n/6f/p/+n/6f/p/+n/6v/q/+v/6//s/+z/7f/u/+7/7//w//H/8v/z//T/9f/2//f/+P/5//v//P/9/wAAAgADAAUABgAIAAkACwAMAA4AEAARACMACwAEAP//+//4//X/8v/v/+v/6P/l/+L/4P/e/9v/2f/X/9X/1P/S/9H/z//O/83/zf/M/8v/y//K/8r/yv/K/8v/y//L/8z/zf/O/8//0P/S/9P/1f/X/9j/2v/c/97/4f/j/+X/6P/q/+3/8P/z//X/+P/7//7/AQA=";
           miss.volume = 0.2;
           miss.play();
+          console.log('Missed shot');
         }
       });
       restartButton.addEventListener('click', () => {
         initGame();
+        console.log('Game restarted');
       });
+      initGame(); // Start the game
     });
   </script>
 </body>
 # Create the Gradio app
 with gr.Blocks(title="Bird Shooter Game") as demo:
     gr.Markdown("# Bird Shooter Game")
+    gr.Markdown("Click on the birds to shoot them and earn points! If birds stop appearing, check the browser console (F12) for errors.")
     game_output = gr.HTML(label="Game", value=launch_game())
 # Launch the app