AI game creator

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

No:35056

←

Prev Next

→

Pac-Man
Developer User15965｜Date and time 24/1/13 5:54:49
Build time 12.418 sec｜Game capacity 2.926KB｜

Script

Sure! Here's the code for a simple Pac-Man game implemented as a single HTML file:

To play the game, simply copy and paste the code into a new HTML file and open it on a web browser (preferably on a smartphone for the intended experience). The game uses JavaScript to handle the game logic, canvas for drawing, and the arrow keys for controlling Pac-Man. Enjoy playing Pac-Man!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's the code for a simple Pac-Man game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pac-Man</title>
  <style>
    canvas {
      background-color: black;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="game" width="800" height="600"></canvas>

// Initialize the game
    function init() {
      canvas = document.getElementById("game");
      ctx = canvas.getContext("2d");

pacMan = {
        x: canvas.width / 2,
        y: canvas.height / 2,
        speed: 4,
        radius: 20,
        angle: 0
      };

dots = [
        { x: 50, y: 50 },
        { x: 150, y: 100 },
        { x: 250, y: 200 },
        // Add more dots as needed
      ];

document.addEventListener("keydown", handleKeyDown);
      setInterval(gameLoop, 10);
    }

// Update the game state
    function update() {
      pacMan.x += pacMan.speed * Math.cos(pacMan.angle);
      pacMan.y += pacMan.speed * Math.sin(pacMan.angle);

// Check for collision with dots
      for (var i = 0; i < dots.length; i++) {
        var dot = dots[i];

if (
          pacMan.x + pacMan.radius > dot.x &&
          pacMan.x - pacMan.radius < dot.x &&
          pacMan.y + pacMan.radius > dot.y &&
          pacMan.y - pacMan.radius < dot.y
        ) {
          dots.splice(i, 1);
          break;
        }
      }
    }

// Draw the game objects
    function draw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw dots
      ctx.fillStyle = "white";
      for (var i = 0; i < dots.length; i++) {
        var dot = dots[i];
        ctx.beginPath();
        ctx.arc(dot.x, dot.y, 5, 0, 2 * Math.PI);
        ctx.fill();
      }

// Draw Pac-Man
      ctx.fillStyle = "yellow";
      ctx.beginPath();
      ctx.arc(pacMan.x, pacMan.y, pacMan.radius, 0.2 * Math.PI, 1.8 * Math.PI);
      ctx.lineTo(pacMan.x, pacMan.y);
      ctx.closePath();
      ctx.fill();
    }

// Game loop
    function gameLoop() {
      update();
      draw();
    }

// Handle keydown events
    function handleKeyDown(e) {
      if (e.keyCode === 37) { // Left arrow
        pacMan.angle = Math.PI;
      } else if (e.keyCode === 38) { // Up arrow
        pacMan.angle = 1.5 * Math.PI;
      } else if (e.keyCode === 39) { // Right arrow
        pacMan.angle = 0;
      } else if (e.keyCode === 40) { // Down arrow
        pacMan.angle = 0.5 * Math.PI;
      }
    }

// Start the game
    init();
  </script>
</body>
</html>
```