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

No:27302

←

Prev Next

→

Pac-Man
Developer User13247｜Date and time 23/12/6 2:48:18
Build time 42.198 sec｜Game capacity 1.99KB｜

Script

Pac-Man - Jogo

Toque na tela para mover o Pac-Man

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Pac-Man - Jogo</title>
    <style>
      #gameCanvas {
        background-color: azure;
        border: 1px solid black;
        width: 300px;
        height: 300px;
        position: relative;
        overflow: hidden;
      }
      .pacman {
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: yellow;
      }
      .ghost {
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: red;
      }
    </style>
  </head>
  <body>
    <h1>Pac-Man - Jogo</h1>
    <p>Toque na tela para mover o Pac-Man</p>
    <div id="gameCanvas"></div>

function movePacman(event) {
        const pacman = document.getElementById('pacman');
        const x = event.touches[0].clientX - 15;
        const y = event.touches[0].clientY - 15;
        pacman.style.left = x + 'px';
        pacman.style.top = y + 'px';
      }

function createGhost() {
        const ghost = document.createElement('div');
        ghost.className = 'ghost';
        ghost.style.left = getRandomPosition() + 'px';
        ghost.style.top = getRandomPosition() + 'px';

const gameCanvas = document.getElementById('gameCanvas');
        gameCanvas.appendChild(ghost);
      }

function startGame() {
        const gameCanvas = document.getElementById('gameCanvas');
        const pacman = document.createElement('div');
        pacman.id = 'pacman';
        pacman.className = 'pacman';
        gameCanvas.appendChild(pacman);

gameCanvas.addEventListener('touchmove', movePacman);
        setInterval(createGhost, 1000);
      }

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