Snake vs pacman snake auto serches for pacman pacman runs if snake catches pacman he grows if pacman hits snake he gets smaller's game

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

No:47204

←

Prev Next

→

Snake vs pacman snake auto serches for pacman pacm..ALL
Developer User18896｜Date and time 24/2/27 18:06:51
Build time 14.131 sec｜Game capacity 2.78KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Snake vs Pacman</title>
  <style>
    canvas {
      border: 1px solid black;
      margin: 0 auto;
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    const cellSize = 20;
    const snake = {
      x: 10,
      y: 10,
      speedX: 1,
      speedY: 0,
      length: 5,
      tail: []
    };
    let pacman = {
      x: Math.floor(Math.random() * 20),
      y: Math.floor(Math.random() * 20)
    };
    
    function drawSnake() {
      ctx.fillStyle = 'green';
      ctx.fillRect(snake.x * cellSize, snake.y * cellSize, cellSize, cellSize);
      ctx.fillStyle = 'darkgreen';
      snake.tail.forEach(segment => {
        ctx.fillRect(segment.x * cellSize, segment.y * cellSize, cellSize, cellSize);
      });
    }
    
    function drawPacman() {
      ctx.fillStyle = 'yellow';
      ctx.fillRect(pacman.x * cellSize, pacman.y * cellSize, cellSize, cellSize);
    }
    
    function updateSnake() {
      const newX = snake.x + snake.speedX;
      const newY = snake.y + snake.speedY;
      snake.tail.push({ x: snake.x, y: snake.y });
      snake.x = newX;
      snake.y = newY;
      
      if (snake.tail.length > snake.length) {
        snake.tail.shift();
      }
    }
    
    function updatePacman() {
      pacman.x += Math.random() > 0.5 ? 1 : -1;
      pacman.y += Math.random() > 0.5 ? 1 : -1;
    }
    
    function checkCollision() {
      if (snake.x === pacman.x && snake.y === pacman.y) {
        snake.length++;
        pacman.x = Math.floor(Math.random() * 20);
        pacman.y = Math.floor(Math.random() * 20);
      }
      
      snake.tail.forEach(segment => {
        if (snake.x === segment.x && snake.y === segment.y) {
          snake.length = Math.max(snake.length - 1, 0);
        }
      });
    }
    
    function mainLoop() {
      updateSnake();
      updatePacman();
      checkCollision();
      
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawSnake();
      drawPacman();
      
      setTimeout(mainLoop, 100);
    }
    
    document.addEventListener('keydown', event => {
      const key = event.key;
      
      switch(key) {
        case 'ArrowUp':
          snake.speedX = 0;
          snake.speedY = -1;
          break;
        case 'ArrowDown':
          snake.speedX = 0;
          snake.speedY = 1;
          break;
        case 'ArrowLeft':
          snake.speedX = -1;
          snake.speedY = 0;
          break;
        case 'ArrowRight':
          snake.speedX = 1;
          snake.speedY = 0;
          break;
      }
    });
    
    mainLoop();
  </script>
</body>
</html>