AI game creator

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

No:47253

←

Prev Next

→

Pac-Man
Developer User19723｜Date and time 24/2/27 19:41:27
Build time 5.205 sec｜Game capacity 1.095KB｜

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 Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    const canvas = document.getElementById('gameCanvas');
    const context = canvas.getContext('2d');
    
    const pacMan = {
      x: 200,
      y: 200,
      radius: 20,
      mouthAngle: 0,
      speed: 5
    };
    
    function drawPacMan() {
      context.beginPath();
      context.arc(pacMan.x, pacMan.y, pacMan.radius, 0.2*Math.PI + pacMan.mouthAngle, 1.8*Math.PI - pacMan.mouthAngle);
      context.lineTo(pacMan.x, pacMan.y);
      context.fillStyle = 'yellow';
      context.fill();
    }
    
    function update() {
      pacMan.mouthAngle += 0.1;
      if (pacMan.mouthAngle > 0.8) {
        pacMan.mouthAngle = 0;
      }
    }
    
    function draw() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      drawPacMan();
    }
    
    function gameLoop() {
      update();
      draw();
    }
    
    setInterval(gameLoop, 1000 / 60);
  </script>
</body>
</html>