Ghost Eater Simulator Pac Man's game

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

No:36548

←

Prev Next

→

Ghost Eater Simulator Pac Man
Developer User16822｜Date and time 24/1/17 23:06:47
Build time 17.263 sec｜Game capacity 3.36KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html lang="es">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Ghost Eater Simulator Pac Man</title>
</head>

// Definimos las constantes del juego
    const GRID_SIZE = 20;
    const GRID_WIDTH = canvas.width / GRID_SIZE;
    const GRID_HEIGHT = canvas.height / GRID_SIZE;
    const PLAYER_SPEED = 2;

// Creamos el objeto jugador
    const player = {
      x: GRID_WIDTH / 2,
      y: GRID_HEIGHT / 2,
      direction: null,
    };

// Creamos el objeto fantasmas
    const ghosts = [
      { x: 1, y: 1 },
      { x: GRID_WIDTH - 2, y: 1 },
      { x: GRID_WIDTH - 2, y: GRID_HEIGHT - 2 },
      { x: 1, y: GRID_HEIGHT - 2 },
    ];

// Dibujamos los elementos del juego
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dibujamos al jugador
      ctx.fillStyle = 'yellow';
      ctx.fillRect(player.x * GRID_SIZE, player.y * GRID_SIZE, GRID_SIZE, GRID_SIZE);

// Dibujamos a los fantasmas
      ctx.fillStyle = 'red';
      ghosts.forEach(ghost => {
        ctx.fillRect(ghost.x * GRID_SIZE, ghost.y * GRID_SIZE, GRID_SIZE, GRID_SIZE);
      });
    }

// Actualizamos la lógica del juego
    function update() {
      movePlayer();
      moveGhosts();
      checkCollision();
    }

// Movemos al jugador
    function movePlayer() {
      if (player.direction === 'up' && player.y > 0) {
        player.y -= PLAYER_SPEED;
      } else if (player.direction === 'down' && player.y < GRID_HEIGHT - 1) {
        player.y += PLAYER_SPEED;
      } else if (player.direction === 'left' && player.x > 0) {
        player.x -= PLAYER_SPEED;
      } else if (player.direction === 'right' && player.x < GRID_WIDTH - 1) {
        player.x += PLAYER_SPEED;
      }
    }

// Movemos a los fantasmas
    function moveGhosts() {
      ghosts.forEach(ghost => {
        let moveX = Math.random() - 0.5;
        let moveY = Math.random() - 0.5;

ghost.x += moveX;
        ghost.y += moveY;
      });
    }

// Comprobamos colisiones entre el jugador y los fantasmas
    function checkCollision() {
      ghosts.forEach(ghost => {
        if (player.x === ghost.x && player.y === ghost.y) {
          alert('¡Has sido capturado por un fantasma!');
          resetGame();
        }
      });
    }

// Reiniciamos el juego
    function resetGame() {
      player.x = GRID_WIDTH / 2;
      player.y = GRID_HEIGHT / 2;
    }

// Capturamos las pulsaciones del usuario
    document.addEventListener('keydown', (event) => {
      if (event.key === 'ArrowUp') {
        player.direction = 'up';
      } else if (event.key === 'ArrowDown') {
        player.direction = 'down';
      } else if (event.key === 'ArrowLeft') {
        player.direction = 'left';
      } else if (event.key === 'ArrowRight') {
        player.direction = 'right';
      }
    });

// Bucle principal del juego
    function gameLoop() {
      draw();
      update();
      requestAnimationFrame(gameLoop);
    }

// Iniciamos el juego
    requestAnimationFrame(gameLoop);
  </script>
</body>

</html>