Spaces:

prathamt
/

snake

Sleeping

App Files Files Community

prathamt commited on Apr 5

Commit

89ef29a

verified ·

1 Parent(s): 407e255

Update app.py

Browse files

Files changed (1) hide show

app.py +108 -101

app.py CHANGED Viewed

@@ -1,101 +1,108 @@
-import pygame
-import random
-# Init
-pygame.init()
-# Screen
-WIDTH, HEIGHT = 600, 600
-screen = pygame.display.set_mode((WIDTH, HEIGHT))
-pygame.display.set_caption("Snake Game")
-# Colors
-BLACK = (0,0,0)
-GREEN = (0,255,0)
-RED = (255,0,0)
-WHITE = (255,255,255)
-# Snake settings
-snake_block = 20
-clock = pygame.time.Clock()
-font = pygame.font.SysFont("Arial", 30)
-def draw_snake(snake):
-    for block in snake:
-        pygame.draw.rect(screen, GREEN, [block[0], block[1], snake_block, snake_block])
-def show_score(score):
-    value = font.render(f"Score: {score}", True, WHITE)
-    screen.blit(value, [10, 10])
-def game_loop():
-    x = WIDTH // 2
-    y = HEIGHT // 2
-    dx = 0
-    dy = 0
-    snake = []
-    length = 1
-    food_x = random.randrange(0, WIDTH, snake_block)
-    food_y = random.randrange(0, HEIGHT, snake_block)
-    running = True
-    while running:
-        for event in pygame.event.get():
-            if event.type == pygame.QUIT:
-                running = False
-            if event.type == pygame.KEYDOWN:
-                if event.key == pygame.K_LEFT:
-                    dx = -snake_block
-                    dy = 0
-                elif event.key == pygame.K_RIGHT:
-                    dx = snake_block
-                    dy = 0
-                elif event.key == pygame.K_UP:
-                    dy = -snake_block
-                    dx = 0
-                elif event.key == pygame.K_DOWN:
-                    dy = snake_block
-                    dx = 0
-        x += dx
-        y += dy
-        # Game over conditions
-        if x < 0 or x >= WIDTH or y < 0 or y >= HEIGHT:
-            running = False
-        screen.fill(BLACK)
-        pygame.draw.rect(screen, RED, [food_x, food_y, snake_block, snake_block])
-        snake.append([x, y])
-        if len(snake) > length:
-            del snake[0]
-        # Self collision
-        for block in snake[:-1]:
-            if block == [x, y]:
-                running = False
-        draw_snake(snake)
-        show_score(length - 1)
-        pygame.display.update()
-        # Eat food
-        if x == food_x and y == food_y:
-            food_x = random.randrange(0, WIDTH, snake_block)
-            food_y = random.randrange(0, HEIGHT, snake_block)
-            length += 1
-        clock.tick(10)
-    pygame.quit()
-game_loop()

+import gradio as gr
+html_code = """
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+body {
+    background: black;
+    color: white;
+    text-align: center;
+}
+canvas {
+    background: #111;
+    border: 2px solid #0f0;
+    margin-top: 10px;
+}
+.controls button {
+    width: 60px;
+    height: 60px;
+    margin: 5px;
+    font-size: 20px;
+}
+</style>
+</head>
+<body>
+<h2>🐍 Snake Game</h2>
+<canvas id="game" width="300" height="300"></canvas>
+<p>Score: <span id="score">0</span></p>
+<div class="controls">
+    <br>
+    <button onclick="setDir(0,-20)">⬆️</button><br>
+    <button onclick="setDir(-20,0)">⬅️</button>
+    <button onclick="setDir(20,0)">➡️</button><br>
+    <button onclick="setDir(0,20)">⬇️</button>
+</div>
+<script>
+let canvas = document.getElementById("game");
+let ctx = canvas.getContext("2d");
+let snake = [{x:150,y:150}];
+let dx = 20, dy = 0;
+let food = {x:100,y:100};
+let score = 0;
+document.addEventListener("keydown", changeDirection);
+function changeDirection(event){
+    if(event.key==="ArrowUp" && dy===0){dx=0;dy=-20;}
+    if(event.key==="ArrowDown" && dy===0){dx=0;dy=20;}
+    if(event.key==="ArrowLeft" && dx===0){dx=-20;dy=0;}
+    if(event.key==="ArrowRight" && dx===0){dx=20;dy=0;}
+}
+function setDir(x,y){
+    dx = x;
+    dy = y;
+}
+function draw(){
+    ctx.fillStyle="#111";
+    ctx.fillRect(0,0,300,300);
+    ctx.fillStyle="#0f0";
+    snake.forEach(s=>{
+        ctx.fillRect(s.x,s.y,20,20);
+    });
+    ctx.fillStyle="red";
+    ctx.fillRect(food.x,food.y,20,20);
+    let head = {x: snake[0].x + dx, y: snake[0].y + dy};
+    snake.unshift(head);
+    if(head.x===food.x && head.y===food.y){
+        score++;
+        document.getElementById("score").innerText = score;
+        food = {
+            x: Math.floor(Math.random()*15)*20,
+            y: Math.floor(Math.random()*15)*20
+        };
+    } else {
+        snake.pop();
+    }
+    if(head.x<0 || head.y<0 || head.x>=300 || head.y>=300){
+        alert("Game Over! Score: " + score);
+        location.reload();
+    }
+}
+setInterval(draw, 120);
+</script>
+</body>
+</html>
+"""
+with gr.Blocks() as demo:
+    gr.HTML(html_code)
+demo.launch(server_name="0.0.0.0", server_port=7860)