Update app.py

app.py

@@ -8,40 +8,45 @@ def update_ui(code):
             {code}
             <script>
                 // Ensure the game reinitializes when the code is updated
-                if (typeof gameLoop !== 'undefined') {{
-                    clearInterval(gameLoop);
-                }}
-                let canvas = document.getElementById('gameCanvas');
-                let ctx = canvas.getContext('2d');
-                let snake = [{x: 10, y: 10}];
-                let food = {{x: 15, y: 15}};
-                let gameLoop;
+                function reinitializeGame() {{
+                    if (typeof gameLoop !== 'undefined') {{
+                        clearInterval(gameLoop);
+                    }}
+                    let canvas = document.getElementById('gameCanvas');
+                    let ctx = canvas.getContext('2d');
+                    let snake = [{x: 10, y: 10}];
+                    let food = {{x: 15, y: 15}};
+                    let gameLoop;
 
-                function init() {{
-                    gameLoop = setInterval(game, 100);
-                }}
+                    function init() {{
+                        gameLoop = setInterval(game, 100);
+                    }}
 
-                function game() {{
-                    ctx.clearRect(0, 0, canvas.width, canvas.height);
-                    snake.unshift({{x: snake[0].x, y: snake[0].y}});
-                    snake[0].x += 1; // Simple movement for demonstration
-                    if(snake[0].x > 39) snake[0].x = 0; // Wrap around
-                    ctx.fillStyle = "green";
-                    snake.forEach(part => {{
-                        ctx.fillRect(part.x * 10, part.y * 10, 10, 10);
-                    }});
-                    ctx.fillStyle = "red";
-                    ctx.fillRect(food.x * 10, food.y * 10, 10, 10);
-                    if(snake[0].x == food.x && snake[0].y == food.y) {{
-                        food.x = Math.floor(Math.random() * 40);
-                        food.y = Math.floor(Math.random() * 40);
-                    }} else {{
-                        snake.pop();
+                    function game() {{
+                        ctx.clearRect(0, 0, canvas.width, canvas.height);
+                        snake.unshift({{x: snake[0].x, y: snake[0].y}});
+                        snake[0].x += 1; // Simple movement for demonstration
+                        if(snake[0].x > 39) snake[0].x = 0; // Wrap around
+                        ctx.fillStyle = "green";
+                        snake.forEach(part => {{
+                            ctx.fillRect(part.x * 10, part.y * 10, 10, 10);
+                        }});
+                        ctx.fillStyle = "red";
+                        ctx.fillRect(food.x * 10, food.y * 10, 10, 10);
+                        if(snake[0].x == food.x && snake[0].y == food.y) {{
+                            food.x = Math.floor(Math.random() * 40);
+                            food.y = Math.floor(Math.random() * 40);
+                        }} else {{
+                            snake.pop();
+                        }}
                     }}
+
+                    // Start the game
+                    init();
                 }}
 
-                // Start the game
-                init();
+                // Call the reinitialize function to start the game
+                reinitializeGame();
             </script>
         </div>
         """, None