Pac-Man with a boomerang that can k○ll ghosts for all devices's game

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

No:17194

198

←

Prev Next

→

Pac-Man with a boomerang that can k○ll ghosts for ..ALL
Developer User7570｜Date and time 23/9/22 9:54:34
Build time 38.015 sec｜Game capacity 5.524KB｜

Script

Sure! Here's a simplified version of Pac-Man with a boomerang that can kill ghosts. Keep in mind that this is just a basic implementation and may not include all the features and complexity of the original game:

To implement this game, you'll need to create or find suitable images for Pac-Man, ghosts, and the boomerang and replace the placeholder `emozi_all/game.png`, `emozi_all/ghost.png`, and `emozi_all/boomerang.png` filenames in the CSS section of the code. Please note that this is just a basic example and might not include all the advanced features of the original Pac-Man game.

←

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 with a Boomerang</title>
    <style>
        #game-board {
            width: 480px;
            height: 480px;
            border: 2px solid black;
            position: relative;
        }
        .pacman, .ghost, .boomerang {
            position: absolute;
            width: 40px;
            height: 40px;
        }
        .pacman {
            background-image: url('pacman.png');
            background-size: cover;
        }
        .ghost {
            background-image: url('ghost.png');
            background-size: cover;
        }
        .boomerang {
            background-image: url('boomerang.png');
            background-size: cover;
        }
    </style>
</head>
<body>
    <div id="game-board">
        <div id="pacman" class="pacman"></div>
        <div id="ghost1" class="ghost"></div>
        <div id="ghost2" class="ghost"></div>
        <div id="boomerang" class="boomerang"></div>
    </div>

var isVisible = true; // Indicates if the boomerang is visible on the game board

// Move Pac-Man based on arrow key input
      document.addEventListener("keydown", function(event) {
          var keyPressed = event.keyCode;

switch (keyPressed) {
              case 37: // Left arrow
                  movePacman("left");
                  break;
              case 38: // Up arrow
                  movePacman("up");
                  break;
              case 39: // Right arrow
                  movePacman("right");
                  break;
              case 40: // Down arrow
                  movePacman("down");
                  break;
          }
      });

// Function to move Pac-Man
      function movePacman(direction) {
          var currentPos = pacman.getBoundingClientRect();

switch (direction) {
              case "left":
                  if (currentPos.left > 0) {
                      pacman.style.left = (currentPos.left - 40) + "px";
                  }
                  break;
              case "up":
                  if (currentPos.top > 0) {
                      pacman.style.top = (currentPos.top - 40) + "px";
                  }
                  break;
              case "right":
                  if (currentPos.right < 480) {
                      pacman.style.left = (currentPos.left + 40) + "px";
                  }
                  break;
              case "down":
                  if (currentPos.bottom < 480) {
                      pacman.style.top = (currentPos.top + 40) + "px";
                  }
                  break;
          }

checkCollision();
      }

// Check collision between Pac-Man and ghosts
      function checkCollision() {
          var pacmanRect = pacman.getBoundingClientRect();

ghosts.forEach(function(ghost) {
              var ghostRect = ghost.getBoundingClientRect();

if (pacmanRect.x === ghostRect.x && pacmanRect.y === ghostRect.y && isVisible) {
                  gameOver();
              }
          });
      }

// Function to throw boomerang and kill ghosts
      document.addEventListener("keyup", function(event) {
          var keyPressed = event.keyCode;

if (keyPressed === 32) { // Spacebar
              throwBoomerang();
          }
      });

// Function to throw the boomerang
      function throwBoomerang() {
          if (isVisible) {
              var pacmanPos = pacman.getBoundingClientRect();
              var boomerangPos = boomerang.getBoundingClientRect();

boomerang.style.left = pacmanPos.left + "px";
              boomerang.style.top = pacmanPos.top + "px";
              boomerang.style.visibility = "visible";

setTimeout(function() {
                  boomerang.style.left = boomerangPos.left + "px";
                  boomerang.style.top = boomerangPos.top + "px";
                  boomerang.style.visibility = "hidden";
              }, 1000);
          }
      }

// Check if boomerang collides with ghosts
      setInterval(function() {
          var boomerangRect = boomerang.getBoundingClientRect();

ghosts.forEach(function(ghost) {
              var ghostRect = ghost.getBoundingClientRect();

if (boomerangRect.x === ghostRect.x && boomerangRect.y === ghostRect.y && boomerang.style.visibility === "visible") {
                  ghost.style.visibility = "hidden";
              }
          });
      }, 100);

// Game over function
      function gameOver() {
          alert("Game Over!"); // Change this to whatever game over functionality you want to implement
          // Reset game or perform other actions when the game is over
      }
    </script>
</body>
</html>
```

To implement this game, you'll need to create or find suitable images for Pac-Man, ghosts, and the boomerang and replace the placeholder `pacman.png`, `ghost.png`, and `boomerang.png` filenames in the CSS section of the code.

Please note that this is just a basic example and might not include all the advanced features of the original Pac-Man game.