AI game creator

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

No:17891

←

Prev Next

→

Pac-Man
Developer User7232｜Date and time 23/9/25 4:38:05
Build time 42.634 sec｜Game capacity 3.971KB｜

Script

Sure, here's a simple implementation of Pac-Man game using HTML, JavaScript, and pictograms. You can copy and paste the code into a single HTML file and run it in a browser. Note that this is a basic implementation and doesn't include all the features of a full Pac-Man game, but it should give you a starting point:

Make sure to save the file with the `.html` extension and open it in a web browser (preferably on a smartphone or using a mobile device emulator) to play the game. You can also modify the code to add more features or customize the game further.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pac-Man</title>
  <style>
    body {
      margin: 0;
      padding: 0;
    }

canvas {
      background-color: black;
      display: block;
      margin: 20px auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

function drawImage(context, image, x, y) {
      context.drawImage(image, x, y);
    }

// Game initialization
    var canvas = document.getElementById('gameCanvas');
    var ctx = canvas.getContext('2d');

var imagesUrls = [
      'pacman.png',
      'ghost.png',
      'dot.png'
      // Add more image URLs if needed
    ];

var gameImages;
    loadImages(imagesUrls, function(images) {
      gameImages = images;
      startGame();
    });

var pacman = {
      x: 50,
      y: 50,
      speed: 5,
      direction: 'right'
    };

var dots = [
      {x: 100, y: 100},
      {x: 200, y: 200},
      {x: 300, y: 300},
      // Add more dots if needed
    ];

var ghosts = [
      {x: 400, y: 400},
      // Add more ghosts if needed
    ];

// Wrap pacman around the canvas edges
      if (pacman.x > canvas.width) {
        pacman.x = 0;
      } else if (pacman.x < 0) {
        pacman.x = canvas.width;
      }
      if (pacman.y > canvas.height) {
        pacman.y = 0;
      } else if (pacman.y < 0) {
        pacman.y = canvas.height;
      }
    }

function drawGame() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw pacman
      drawImage(ctx, gameImages['pacman.png'], pacman.x, pacman.y);

// Draw ghosts
      for (var i = 0; i < ghosts.length; i++) {
        drawImage(ctx, gameImages['ghost.png'], ghosts[i].x, ghosts[i].y);
      }

// Draw dots
      for (var j = 0; j < dots.length; j++) {
        drawImage(ctx, gameImages['dot.png'], dots[j].x, dots[j].y);
      }
    }

function startGame() {
      setInterval(function() {
        updatePacmanPosition();
        drawGame();
      }, 1000 / 30); // Run the game at 30 frames per second
    }
  </script>
</body>
</html>
```