AI game creator

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

No:20990

←

Prev Next

→

Pac-Man
Developer User9264｜Date and time 23/10/12 14:32:06
Build time 34.824 sec｜Game capacity 1.636KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

<!DOCTYPE html>
<html>
<head>
   <title>Pac-Man</title>
</head>
<body>
   <script>
      // Game variables
      var canvas = document.createElement("canvas");
      var ctx = canvas.getContext("2d");
      var pacman = new Image();
      pacman.src = "pacman.png";
      var pacmanX = 10;
      var pacmanY = 10;
      var pacSize = 20;
      var speed = 5;
      var direction = "right";

// Setup canvas
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
      document.body.appendChild(canvas);

// Handle key events for movement
      document.addEventListener("keydown", function(event) {
         if(event.keyCode === 37) {
            direction = "left";
         }
         else if(event.keyCode === 38) {
            direction = "up";
         }
         else if(event.keyCode === 39) {
            direction = "right";
         }
         else if(event.keyCode === 40) {
            direction = "down";
         }
      });

// Game loop
      function update() {
         ctx.clearRect(0, 0, canvas.width, canvas.height);

if(direction === "right") {
            pacmanX += speed;
         }
         else if(direction === "left") {
            pacmanX -= speed;
         }
         else if(direction === "up") {
            pacmanY -= speed;
         }
         else if(direction === "down") {
            pacmanY += speed;
         }

ctx.drawImage(pacman, pacmanX, pacmanY, pacSize, pacSize);

requestAnimationFrame(update);
      }

// Start game
      pacman.onload = function() {
         update();
      };
   </script>
</body>
</html>