AI game creator

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

No:16584

←

Prev Next

→

Pac-Man
Developer User7387｜Date and time 23/9/19 16:36:55
Build time 31.829 sec｜Game capacity 3.087KB｜

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</title>
  <style>
    #game-board {
      display: flex;
      flex-wrap: wrap;
      width: 200px;
      height: 160px;
      background-color: black;
    }
    .dot {
      width: 20px;
      height: 20px;
      background-color: yellow;
      border-radius: 50%;
      margin: 4px;
    }
    #pacman {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-image: url('pacman-image.png');
      background-size: cover;
      position: relative;
      animation: movePacman 0.2s infinite;
    }
    @keyframes movePacman {
      0% { background-position: 0px; }
      100% { background-position: -20px; }
    }
  </style>
</head>
<body>
  <div id="game-board"></div>
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      
      const gameBoard = document.getElementById('game-board');
      const dots = [];
      const boardSize = 8;
      let pacmanPosition = { row: 0, column: 0 };

function startGame() {
        createGameBoard();
        const pacman = document.createElement('div');
        pacman.id = 'pacman';
        gameBoard.appendChild(pacman);
        window.addEventListener('keydown', movePacman);
      }
      
      startGame();
      
    });
  </script>
</body>
</html>