Pac-man 2 (1 new ghost green)'s game

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

No:16535

111

←

Prev Next

→

Pac-man 2 (1 new ghost green)
Developer User7374｜Date and time 23/9/19 11:50:04
Build time 26.644 sec｜Game capacity 3.096KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Pac-Man 2 (1 new ghost green)</title>
</head>
<body>
  <canvas id="pacman-canvas" width="400" height="400"></canvas>

// Pac-Man and Ghost properties
    var pacman = {
      x: 200,
      y: 200,
      radius: 20,
      mouthOpen: true,
      angle: 0,
      speed: 2
    };

var ghost = {
      x: 100,
      y: 100,
      radius: 20,
      color: "green",
      speed: 1.5
    };

// Game loop
    setInterval(update, 10);

function update() {
      movePacman();
      moveGhost();
      checkCollision();

drawGame();
    }

function movePacman() {
      // Change Pac-Man's angle and position based on direction
      pacman.angle += 0.1;
      pacman.x += pacman.speed * Math.cos(pacman.angle);
      pacman.y += pacman.speed * Math.sin(pacman.angle);

// Wrap Pac-Man around the screen
      if (pacman.x > canvas.width) pacman.x = 0;
      else if (pacman.x < 0) pacman.x = canvas.width;
      if (pacman.y > canvas.height) pacman.y = 0;
      else if (pacman.y < 0) pacman.y = canvas.height;

// Animate Pac-Man's mouth
      pacman.mouthOpen = !pacman.mouthOpen;
    }

function moveGhost() {
      // Move the ghost towards Pac-Man's position
      var dx = pacman.x - ghost.x;
      var dy = pacman.y - ghost.y;
      var angle = Math.atan2(dy, dx);
      ghost.x += ghost.speed * Math.cos(angle);
      ghost.y += ghost.speed * Math.sin(angle);

// Wrap the ghost around the screen
      if (ghost.x > canvas.width) ghost.x = 0;
      else if (ghost.x < 0) ghost.x = canvas.width;
      if (ghost.y > canvas.height) ghost.y = 0;
      else if (ghost.y < 0) ghost.y = canvas.height;
    }

function checkCollision() {
      // Calculate distance between Pac-Man and ghost
      var dx = pacman.x - ghost.x;
      var dy = pacman.y - ghost.y;
      var distance = Math.sqrt(dx * dx + dy * dy);

// Check for collision
      if (distance < pacman.radius + ghost.radius) {
        alert("Game Over!");
        // Reset Pac-Man and ghost positions
        pacman.x = 200;
        pacman.y = 200;
        ghost.x = 100;
        ghost.y = 100;
      }
    }

function drawGame() {
      // Clear the canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Draw Pac-Man
      context.beginPath();
      context.arc(pacman.x, pacman.y, pacman.radius, pacman.mouthOpen ? 0.2 * Math.PI : 1.8 * Math.PI, pacman.mouthOpen ? 1.8 * Math.PI : 0.2 * Math.PI, false);
      context.lineTo(pacman.x, pacman.y);
      context.closePath();
      context.fillStyle = "yellow";
      context.fill();

// Draw Ghost
      context.beginPath();
      context.arc(ghost.x, ghost.y, ghost.radius, 0, 2 * Math.PI, false);
      context.closePath();
      context.fillStyle = ghost.color;
      context.fill();pac-man running 
    }
  </script>
</body>
</html>