AI game creator

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

No:8738

161

←

Prev Next

→

A game like pac-man
Developer User4235｜Date and time 23/7/18 3:23:51
Build time 27.012 sec｜Game capacity 2.775KB｜

Script

Desculpe, mas como sou uma IA de texto, não consigo fornecer um jogo interativo como um arquivo HTML único com JavaScript. No entanto, posso oferecer a você um simples exemplo de código JavaScript para um jogo estilo pac-man abaixo:

Este código cria um jogo Pac-Man básico, onde você pode mover o Pac-Man usando as teclas de seta do teclado. No entanto, devido às limitações de uma resposta em formato de texto, você precisará copiar e colar o código acima em um arquivo HTML separado para executá-lo como um jogo.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Pac-Man</title>
    <style>
      /* Estilos para a grade do jogo */
      .grid {
        display: grid;
        grid-template-columns: repeat(20, 20px);
        background-color: black;
        padding: 10px;
      }

/* Estilos para cada célula da grade */
      .cell {
        width: 20px;
        height: 20px;
        background-color: blue;
      }

/* Estilos para o personagem */
      #pacman {
        width: 20px;
        height: 20px;
        background-color: yellow;
        border-radius: 50%;
      }
    </style>
  </head>
  <body>
    <div class="grid" id="grid"></div>

// Posição inicial do Pac-Man
      let pacmanRow = Math.floor(numRows / 2);
      let pacmanCol = Math.floor(numCols / 2);

// Renderiza a grade do jogo
      function renderGrid() {
        const gridContainer = document.getElementById('grid');

for (let row = 0; row < numRows; row++) {
          for (let col = 0; col < numCols; col++) {
            const cell = document.createElement('div');
            cell.classList.add('cell');

if (row === pacmanRow && col === pacmanCol) {
              const pacman = document.createElement('div');
              pacman.setAttribute('id', 'pacman');
              cell.appendChild(pacman);
            }

gridContainer.appendChild(cell);
          }
        }
      }

renderGrid();

// Lógica de movimentação do Pac-Man
      document.addEventListener('keydown', function(event) {
        const keyPressed = event.key;

if (keyPressed === 'ArrowUp') {
          if (pacmanRow > 0) {
            pacmanRow--;
          }
        } else if (keyPressed === 'ArrowDown') {
          if (pacmanRow < numRows - 1) {
            pacmanRow++;
          }
        } else if (keyPressed === 'ArrowLeft') {
          if (pacmanCol > 0) {
            pacmanCol--;
          }
        } else if (keyPressed === 'ArrowRight') {
          if (pacmanCol < numCols - 1) {
            pacmanCol++;
          }
        }

renderGrid();
      });
    </script>
  </body>
</html>
```