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

No:12808

A game where you are a night guard and there are a..ALL
Developer User5572｜Date and time 23/8/23 17:18:58
Build time 35.409 sec｜Game capacity 3.405KB｜

Script

Sure! Here's an example of a simple game where you play as a night guard and try to block animatronics out of the room using JavaScript and HTML. Please note that this is a basic implementation and can be further expanded upon depending on your requirements:

Night Guard Game

Use the buttons to block animatronics out of the room!

🧑

In this game, you control the guard using the left and right arrow keys on your smartphone. The guard is represented by a pictogram (🕹️) and animatronics are represented by different pictograms (😈, 🤡). Pressing the "Block" button will make the animatronics move to random positions. If an animatronic reaches the same position as the guard, the game ends. Please note that this is just a basic example to get you started. You can add more functionality, levels, scoring, and visuals to make it a fully-fledged game.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Night Guard Game</title>
  <style>
    body {
      text-align: center;
      font-family: Arial, sans-serif;
    }
    .game-board {
      border: 2px solid black;
      width: 200px;
      height: 200px;
      margin: 0 auto;
      margin-top: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .guard {
      font-size: 50px;
    }
    .animatronic {
      font-size: 40px;
    }
    .btn {
      padding: 10px 20px;
      margin-top: 20px;
      cursor: pointer;
      background-color: #78AB46;
      color: white;
      border: none;
    }
  </style>
</head>
<body>
  <h1>Night Guard Game</h1>
  <p>Use the buttons to block animatronics out of the room!</p>
  <div class="game-board">
    <div class="guard">🧑</div>
  </div>
  <button class="btn" onclick="moveAnimatronics()">Block</button>

// Array of animatronic object positions
    let animatronics = [
      { name: "😈", position: 50 },
      { name: "👻", position: 150 },
    ];

// Function to move the animatronics randomly
    function moveAnimatronics() {
      animatronics.forEach(animatronic => {
        animatronic.position = Math.floor(Math.random() * 200);
      });

updateGameBoard();
      checkCollisions();
    }

// Function to update the game board
    function updateGameBoard() {
      const gameBoard = document.querySelector('.game-board');
      gameBoard.innerHTML = `<div class="guard">🧑</div>`;
      
      animatronics.forEach(animatronic => {
        gameBoard.innerHTML += `<div class="animatronic">${animatronic.name}</div>`;
      });
    }

// Function to check if the animatronics collide with the guard
    function checkCollisions() {
      animatronics.forEach(animatronic => {
        if (animatronic.position === guardPos) {
          alert('Game Over! The animatronic caught you!');
        }
      });
    }

// Bind arrow key events to move the guard
    document.addEventListener('keydown', (event) => {
      switch(event.key) {
        case 'ArrowLeft':
          guardPos = Math.max(guardPos - 10, 0);
          break;
        case 'ArrowRight':
          guardPos = Math.min(guardPos + 10, 200);
          break;
      }

updateGameBoard();
      checkCollisions();
    });

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

Please note that this is just a basic example to get you started. You can add more functionality, levels, scoring, and visuals to make it a fully-fledged game.