AI game creator

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Pac-Man's game | AI game creator

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

No:38277

←

Prev Next

→

Pac-Man
Developer User17316｜Date and time 24/1/23 22:44:29
Build time 18.499 sec｜Game capacity 3.326KB｜

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 Game</title>
  </head>
  <body>
    <canvas id="canvas" width="512" height="512"></canvas>

// Pac-Man position and movement variables
      let pacManX = 256;
      let pacManY = 256;
      let pacManDirection = "right";

// Ghost position variables
      let ghostX = 128;
      let ghostY = 128;
      let ghostDirection = "down";

// Pictogram images
      const pacManImage = new Image();
      pacManImage.src = "pacman.png";

const ghostImage = new Image();
      ghostImage.src = "ghost.png";

// Keyboard event listener for controlling Pac-Man
      document.addEventListener("keydown", (event) => {
        if (event.keyCode === 37) {
          // Left arrow key
          pacManDirection = "left";
        } else if (event.keyCode === 38) {
          // Up arrow key
          pacManDirection = "up";
        } else if (event.keyCode === 39) {
          // Right arrow key
          pacManDirection = "right";
        } else if (event.keyCode === 40) {
          // Down arrow key
          pacManDirection = "down";
        }
      });

// Function to update Pac-Man and Ghost positions
      function updatePositions() {
        // Update Pac-Man position based on the current direction
        if (pacManDirection === "left") {
          pacManX -= 4;
        } else if (pacManDirection === "up") {
          pacManY -= 4;
        } else if (pacManDirection === "right") {
          pacManX += 4;
        } else if (pacManDirection === "down") {
          pacManY += 4;
        }

// Update Ghost position randomly
        const randomDirection = Math.floor(Math.random() * 4);
        if (randomDirection === 0) {
          ghostX -= 2;
        } else if (randomDirection === 1) {
          ghostY -= 2;
        } else if (randomDirection === 2) {
          ghostX += 2;
        } else if (randomDirection === 3) {
          ghostY += 2;
        }

// Check collisions with boundaries
        if (pacManX < 0) {
          pacManX = 0;
        } else if (pacManX > canvas.width - 32) {
          pacManX = canvas.width - 32;
        }

if (pacManY < 0) {
          pacManY = 0;
        } else if (pacManY > canvas.height - 32) {
          pacManY = canvas.height - 32;
        }

if (ghostX < 0) {
          ghostX = 0;
        } else if (ghostX > canvas.width - 32) {
          ghostX = canvas.width - 32;
        }

if (ghostY < 0) {
          ghostY = 0;
        } else if (ghostY > canvas.height - 32) {
          ghostY = canvas.height - 32;
        }
      }

// Function to draw the game elements on the canvas
      function draw() {
        // Clear the canvas
        context.clearRect(0, 0, canvas.width, canvas.height);

// Draw Pac-Man
        context.drawImage(pacManImage, pacManX, pacManY);

// Draw Ghost
        context.drawImage(ghostImage, ghostX, ghostY);
      }

// Function to update the game state and redraw the canvas
      function gameLoop() {
        updatePositions();
        draw();
        requestAnimationFrame(gameLoop);
      }

// Start the game
      gameLoop();
    </script>
  </body>
</html>