Snake para celular, muy atractivo y con animación de deslisamiemto, los botones que tengan iconos de una libreria publica gratuita. Para celular's game

Click here for free DL of the app version that can save data.

No:13627

←

Prev Next

→

Snake para celular, muy atractivo y con animación ..ALL
Developer User5971｜Date and time 23/8/29 4:39:59
Build time 17.56 sec｜Game capacity 3.356KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
  <head>
    <style>
      #canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="canvas" width="400" height="400"></canvas>

// Initialize Game
      function initialize() {
        snake = [{ x: 0, y: 0 }];
        food = generateFood();

interval = setInterval(gameLoop, 100);
      }

// Game Loop
      function gameLoop() {
        update();
        draw();
      }

// Update Snake and Food Positions
      function update() {
        var head = { x: snake[0].x, y: snake[0].y };

if (direction === "right") {
          head.x += cellSize;
        } else if (direction === "left") {
          head.x -= cellSize;
        } else if (direction === "up") {
          head.y -= cellSize;
        } else if (direction === "down") {
          head.y += cellSize;
        }

snake.unshift(head); // Add new head to the snake

if (head.x === food.x && head.y === food.y) {
          food = generateFood();
        } else {
          snake.pop(); // Remove tail of the snake
        }

checkCollision();
      }

// Draw Snake and Food
      function draw() {
        context.clearRect(0, 0, canvas.width, canvas.height);

// Draw Snake
        snake.forEach(function (segment) {
          context.fillStyle = "green";
          context.fillRect(segment.x, segment.y, cellSize, cellSize);
        });

// Draw Food
        context.fillStyle = "red";
        context.fillRect(food.x, food.y, cellSize, cellSize);
      }

// Generate Random Food Position
      function generateFood() {
        var x = Math.floor(Math.random() * (canvas.width / cellSize)) * cellSize;
        var y = Math.floor(Math.random() * (canvas.height / cellSize)) * cellSize;

return { x: x, y: y };
      }

// Check Snake Collision with Walls or Itself
      function checkCollision() {
        var head = snake[0];

if (
          head.x < 0 ||
          head.y < 0 ||
          head.x >= canvas.width ||
          head.y >= canvas.height ||
          hasCollidedWithSelf()
        ) {
          clearInterval(interval);
          alert("Game Over!");
        }
      }

// Check if Snake has Collided with Itself
      function hasCollidedWithSelf() {
        var head = snake[0];

for (var i = 1; i < snake.length; i++) {
          if (head.x === snake[i].x && head.y === snake[i].y) {
            return true;
          }
        }

return false;
      }

// Handle Keyboard Input
      document.addEventListener("keydown", function (event) {
        if (event.key === "ArrowRight" && direction !== "left") {
          direction = "right";
        } else if (event.key === "ArrowLeft" && direction !== "right") {
          direction = "left";
        } else if (event.key === "ArrowUp" && direction !== "down") {
          direction = "up";
        } else if (event.key === "ArrowDown" && direction !== "up") {
          direction = "down";
        }
      });

// Start Game
      initialize();
    </script>
  </body>
</html>