AI game creator

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

No:33168

←

Prev Next

→

Pac-Man
Developer User15666｜Date and time 24/1/2 19:59:26
Build time 20.658 sec｜Game capacity 2.025KB｜

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>
    canvas {
      border: 1px solid black;
      background-color: black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Fonction pour dessiner Pac-Man
    function drawPacMan() {
      ctx.beginPath();
      ctx.arc(pacMan.x, pacMan.y, pacMan.size/2, 0.5 * Math.PI, 1.5 * Math.PI);
      ctx.lineTo(pacMan.x, pacMan.y);
      ctx.fillStyle = "yellow";
      ctx.fill();
      ctx.closePath();
    }

// Fonction pour dessiner le score
    function drawScore() {
      ctx.font = "20px Arial";
      ctx.fillStyle = "white";
      ctx.fillText("Score: " + score, 10, 30);
    }

// Fonction principale de jeu
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawPacMan();
      drawScore();
      movePacMan();
    }

// Fonction pour déplacer Pac-Man
    function movePacMan() {
      if (pacMan.direction === "right") {
        pacMan.x += 5;
      }
      else if (pacMan.direction === "left") {
        pacMan.x -= 5;
      }
      else if (pacMan.direction === "up") {
        pacMan.y -= 5;
      }
      else if (pacMan.direction === "down") {
        pacMan.y += 5;
      }
    }

// Écouteurs d'événements pour contrôler Pac-Man
    document.addEventListener("keydown", function(event) {
      if (event.key === "ArrowRight") {
        pacMan.direction = "right";
      }
      else if (event.key === "ArrowLeft") {
        pacMan.direction = "left";
      }
      else if (event.key === "ArrowUp") {
        pacMan.direction = "up";
      }
      else if (event.key === "ArrowDown") {
        pacMan.direction = "down";
      }
    });

// Démarrer le jeu
    setInterval(gameLoop, 20);

</script>
</body>
</html>