AI game creator

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

No:10563

←

Prev Next

→

Pac-Man
Developer User4580｜Date and time 23/8/1 2:14:46
Build time 27.767 sec｜Game capacity 3.154KB｜

Script

Sure, here's a basic Pac-Man game implemented as a single HTML file using JavaScript:

Please note that in this code, assuming you have two image files named `emozi_all/pacman.png` and `emozi_all/ghost.png` in the same directory as the HTML file, representing Pac-Man and the ghost respectively. You may need to update the image file names and paths accordingly. This is just a basic implementation to get you started, and you can enhance it further by adding game logic, scoring, levels, and more complex behaviors for Pac-Man and the ghosts.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure, here's a basic Pac-Man game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pac-Man Game</title>
  <style>
    #pacman {
      position: absolute;
      top: 100px;
      left: 100px;
      width: 40px;
      height: 40px;
      background-image: url('pacman.png');
      background-size: cover;
    }

.ghost {
      position: absolute;
      top: 200px;
      left: 200px;
      width: 40px;
      height: 40px;
      background-image: url('ghost.png');
      background-size: cover;
    }
  </style>
</head>
<body>
  <script>
    // Pac-Man's position
    var pacman = {
      x: 100,
      y: 100
    };

// Ghost's position
    var ghost = {
      x: 200,
      y: 200
    };

// Move Pac-Man
    function movePacman(direction) {
      switch (direction) {
        case 'up':
          pacman.y -= 10;
          break;
        case 'down':
          pacman.y += 10;
          break;
        case 'left':
          pacman.x -= 10;
          break;
        case 'right':
          pacman.x += 10;
          break;
      }

// Update Pac-Man's position on the screen
      var pacmanElement = document.getElementById('pacman');
      pacmanElement.style.top = pacman.y + 'px';
      pacmanElement.style.left = pacman.x + 'px';
    }

// Move Ghost randomly
    function moveGhost() {
      var randomDirection = Math.floor(Math.random() * 4);
      switch (randomDirection) {
        case 0: // up
          ghost.y -= 10;
          break;
        case 1: // down
          ghost.y += 10;
          break;
        case 2: // left
          ghost.x -= 10;
          break;
        case 3: // right
          ghost.x += 10;
          break;
      }

// Update Ghost's position on the screen
      var ghostElement = document.getElementById('ghost');
      ghostElement.style.top = ghost.y + 'px';
      ghostElement.style.left = ghost.x + 'px';
    }

// Start the game loop
    function startGame() {
      // Register key events for Pac-Man movement
      document.addEventListener('keydown', function(event) {
        if (event.key === 'ArrowUp') {
          movePacman('up');
        } else if (event.key === 'ArrowDown') {
          movePacman('down');
        } else if (event.key === 'ArrowLeft') {
          movePacman('left');
        } else if (event.key === 'ArrowRight') {
          movePacman('right');
        }
      });

// Set an interval to move the Ghost every 1 second
      setInterval(moveGhost, 1000);
    }

// Start the game when the page loads
    window.addEventListener('load', startGame);
  </script>

<div id="pacman"></div>
  <div class="ghost" id="ghost"></div>
</body>
</html>
```

Please note that in this code, assuming you have two image files named `pacman.png` and `ghost.png` in the same directory as the HTML file, representing Pac-Man and the ghost respectively. You may need to update the image file names and paths accordingly.

This is just a basic implementation to get you started, and you can enhance it further by adding game logic, scoring, levels, and more complex behaviors for Pac-Man and the ghosts.