AI game creator

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

No:31554

←

Prev Next

→

Pac-Man
Developer User15173｜Date and time 23/12/27 12:20:32
Build time 17.69 sec｜Game capacity 2.068KB｜

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>
  <style>
    #game-board {
      display: flex;
      flex-wrap: wrap;
      width: 320px;
      height: 320px;
      border: 1px solid black;
      background-color: black;
    }
    .dot {
      width: 20px;
      height: 20px;
      background-color: yellow;
      border-radius: 50%;
      margin: 5px;
    }
    .pacman {
      width: 0;
      height: 0;
      border-top: 20px solid transparent;
      border-bottom: 20px solid transparent;
      border-left: 20px solid yellow;
      transform: rotate(0deg);
      margin: 0;
      position: absolute;
      animation: pacman-animation 2s infinite linear;
    }
    @keyframes pacman-animation {
      0% {
        transform: rotate(0deg);
      }
      20%, 80% {
        transform: rotate(45deg);
      }
      100% {
        transform: rotate(0deg);
      }
    }
  </style>
</head>
<body>
  <div id="game-board"></div>

// Generate random dots on the game board
    for (let i = 0; i < dotsCount; i++) {
      const dot = document.createElement('div');
      dot.className = 'dot';
      gameBoard.appendChild(dot);
    }

// Create Pac-Man
    const pacman = document.createElement('div');
    pacman.className = 'pacman';
    gameBoard.appendChild(pacman);

// Move Pac-Man across the game board
    let pacmanPosition = 0;
    let direction = 'right'; // initial direction

requestAnimationFrame(movePacman);
    }

movePacman();
  </script>
</body>
</html>