AI game creator

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

No:42619

←

Prev Next

→

Pac-Man
Developer User18351｜Date and time 24/2/12 9:58:21
Build time 15.521 sec｜Game capacity 4.445KB｜

Script

Sure! Here's a simple implementation of Pac-Man in a single HTML file using JavaScript and pictograms:

To play the game, simply load the HTML file in a web browser on a smartphone or desktop and use the arrow keys to move Pac-Man around the game board. The objective is to collect dots ('.') and avoid colliding with the ghost ('G'). The game will show an alert when Pac-Man collides with the ghost, and you can then restart the game by tapping on "OK" in the alert box.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's a simple implementation of Pac-Man in a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pac-Man Game</title>
  <style>
    #game-board {
      display: flex;
      flex-wrap: wrap;
      width: 240px;
    }
    .tile {
      width: 24px;
      height: 24px;
      border: 1px solid #000;
      text-align: center;
      font-size: 18px;
    }
    #pacman {
      color: yellow;
    }
    #ghosts {
      color: red;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>

// Game State
    let pacmanPos = { ...PACMAN_START_POS };
    let ghostPos = { ...GHOST_START_POS };
    let score = 0;

// Game Board
    const board = [];
    for (let row = 0; row < BOARD_HEIGHT; row++) {
      for (let col = 0; col < BOARD_WIDTH; col++) {
        if (row === pacmanPos.y && col === pacmanPos.x) {
          board.push('P');
        } else if (row === ghostPos.y && col === ghostPos.x) {
          board.push('G');
        } else {
          board.push('.');
        }
      }
    }

// Render game board
    const gameBoardEl = document.getElementById('game-board');
    for (let i = 0; i < board.length; i++) {
      const tile = document.createElement('div');
      tile.classList.add('tile');
      tile.textContent = board[i];
      gameBoardEl.appendChild(tile);
    }

// Handle user input
    document.addEventListener('keydown', handleKeyPress);

// Move Pacman and check for collisions
    function movePacman(dx, dy) {
      const newPosX = pacmanPos.x + dx;
      const newPosY = pacmanPos.y + dy;
      if (isValidMove(newPosX, newPosY)) {
        // Remove previous Pac-Man position
        board[pacmanPos.y * BOARD_WIDTH + pacmanPos.x] = '.';
        // Update Pac-Man position
        pacmanPos.x = newPosX;
        pacmanPos.y = newPosY;
        // Update score if Pac-Man collects a dot
        if (board[pacmanPos.y * BOARD_WIDTH + pacmanPos.x] === '.') {
          score += 10;
        }
        // Place Pac-Man on new position
        board[pacmanPos.y * BOARD_WIDTH + pacmanPos.x] = 'P';
        // Update game board
        updateGameBoard();
        // Check for collision with ghost
        checkCollision();
      }
    }

// Check if the move is valid
    function isValidMove(x, y) {
      return x >= 0 && x < BOARD_WIDTH && y >= 0 && y < BOARD_HEIGHT && board[y * BOARD_WIDTH + x] !== 'G';
    }

// Check for collision with the ghost
    function checkCollision() {
      if (pacmanPos.x === ghostPos.x && pacmanPos.y === ghostPos.y) {
        alert('Game Over!');
        resetGame();
      }
    }

// Reset the game to initial state
    function resetGame() {
      board[pacmanPos.y * BOARD_WIDTH + pacmanPos.x] = '.';
      pacmanPos = { ...PACMAN_START_POS };
      ghostPos = { ...GHOST_START_POS };
      board[pacmanPos.y * BOARD_WIDTH + pacmanPos.x] = 'P';
      updateGameBoard();
      score = 0;
    }

// Update the visual representation of the game board
    function updateGameBoard() {
      const tiles = gameBoardEl.getElementsByClassName('tile');
      for (let i = 0; i < tiles.length; i++) {
        if (i === pacmanPos.y * BOARD_WIDTH + pacmanPos.x) {
          tiles[i].textContent = 'P';
          tiles[i].setAttribute('id', 'pacman');
        } else if (i === ghostPos.y * BOARD_WIDTH + ghostPos.x) {
          tiles[i].textContent = 'G';
          tiles[i].setAttribute('id', 'ghosts');
        } else {
          tiles[i].textContent = '.';
        }
      }
    }
  </script>
</body>
</html>
```