Crie um jogo dá cobrinha, más uma AI vai jogar o jogo's game

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

No:40257

←

Prev Next

→

Crie um jogo dá cobrinha, más uma AI vai jogar o j..ALL
Developer User18056｜Date and time 24/2/2 5:45:08
Build time 10.949 sec｜Game capacity 3.265KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <style>
        #canvas {
            display: block;
            margin: 0 auto;
            background-color: black;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

// Define a size for each grid cell
      const gridSize = 20;
      const gridWidth = canvas.width / gridSize;
      const gridHeight = canvas.height / gridSize;

// Define the snake's initial position and movement
      let snake = [{ x: 10, y: 10 }];
      let direction = "right";

// Generate a random position for the food
      let food = {
        x: Math.floor(Math.random() * gridWidth),
        y: Math.floor(Math.random() * gridHeight),
      };

// AI-controlled snake movement
      function moveAI() {
        const head = snake[0];
        const newHead = {};
  
        switch (direction) {
          case "up":
            newHead.x = head.x;
            newHead.y = head.y - 1;
            break;
          case "down":
            newHead.x = head.x;
            newHead.y = head.y + 1;
            break;
          case "left":
            newHead.x = head.x - 1;
            newHead.y = head.y;
            break;
          case "right":
            newHead.x = head.x + 1;
            newHead.y = head.y;
            break;
        }
  
        snake.unshift(newHead);
  
        if (newHead.x === food.x && newHead.y === food.y) {
          // Increase the score and generate new food
          score++;
          food = {
            x: Math.floor(Math.random() * gridWidth),
            y: Math.floor(Math.random() * gridHeight),
          };
        } else {
          snake.pop();
        }
      }
  
      function draw() {
        // Clear canvas for each frame
        context.fillStyle = "#000";
        context.fillRect(0, 0, canvas.width, canvas.height);
  
        // Draw the snake
        context.fillStyle = "#00FF00";
        snake.forEach((segment) => {
          context.fillRect(
            segment.x * gridSize,
            segment.y * gridSize,
            gridSize,
            gridSize
          );
        });
  
        // Draw the food
        context.fillStyle = "#FF0000";
        context.fillRect(
          food.x * gridSize,
          food.y * gridSize,
          gridSize,
          gridSize
        );
  
        // Move the AI-controlled snake
        moveAI();
      }
  
      // Function to handle keyboard input
      function onKeyDown(event) {
        switch (event.keyCode) {
          case 37:
            // Move left
            direction = "left";
            break;
          case 38:
            // Move up
            direction = "up";
            break;
          case 39:
            // Move right
            direction = "right";
            break;
          case 40:
            // Move down
            direction = "down";
            break;
        }
      }
  
      // Event listener for keyboard input
      document.addEventListener("keydown", onKeyDown);
  
      // Game loop
      const framesPerSecond = 10;
      setInterval(draw, 1000 / framesPerSecond);
    </script>
</body>
</html>