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

No:15120

132

←

Prev Next

→

A game where you have to watch the cameras and clo..ALL
Developer User6337｜Date and time 23/9/6 9:45:42
Build time 33.033 sec｜Game capacity 3.432KB｜

Script

Sure, here is a simple game that meets your requirements. Copy the code below into a single HTML file and save it. Open the file in a web browser to play the game.

Monster Watcher Game

In this game, you need to watch the cameras and close the doors before the monsters reach you. The game grid consists of a 4x4 grid of cells with pictograms represented by squares. To close a door, click on a cell, and it will become red. The goal of the game is to catch all the monsters within the allowed time limit.

←

Prev　Next

→ 　

Back　

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

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

Sure, here is a simple game that meets your requirements. Copy the code below into a single HTML file and save it. Open the file in a web browser to play the game.

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Monster Watcher Game</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      background-color: #000;
      color: #fff;
      font-family: Arial, sans-serif;
    }

#game {
      display: flex;
      flex-wrap: wrap;
      width: 400px;
      height: 400px;
      border: 1px solid #fff;
    }

.cell {
      width: 25%;
      height: 25%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      font-size: 40px;
      background-color: #666;
    }

.cell.active {
      background-color: red;
    }
  </style>
</head>
<body>
  <h1>Monster Watcher Game</h1>
  <div id="game"></div>

// Create game grid
    const gameGrid = document.getElementById('game');
    for (let row = 0; row < ROWS; row++) {
      for (let col = 0; col < COLS; col++) {
        const cell = document.createElement('div');
        cell.className = 'cell';
        cell.addEventListener('click', toggleCell);
        gameGrid.appendChild(cell);
      }
    }

// Monster positions
    const monsterPositions = createRandomPositions();

// Function to toggle cell status
    function toggleCell() {
      this.classList.toggle('active');
      checkMonsters();
    }

// Function to randomly assign monster positions
    function createRandomPositions() {
      const positions = [];
      for (let i = 0; i < ROWS * COLS; i++) {
        positions.push(i);
      }
      return shuffle(positions).slice(0, Math.floor(ROWS * COLS / 2));
    }

// Function to shuffle an array
    function shuffle(array) {
      let currentIndex = array.length;
      let temporaryValue, randomIndex;

while (currentIndex !== 0) {
        randomIndex = Math.floor(Math.random() * currentIndex);
        currentIndex--;

temporaryValue = array[currentIndex];
        array[currentIndex] = array[randomIndex];
        array[randomIndex] = temporaryValue;
      }

return array;
    }

// Function to check if monsters are caught
    function checkMonsters() {
      const activeCells = document.querySelectorAll('.cell.active');
      const caughtMonsters = Array.from(activeCells).filter(cell => monsterPositions.includes(Array.from(gameGrid.children).indexOf(cell)));
      if (caughtMonsters.length === monsterPositions.length) {
        alert('Congratulations! You caught all the monsters!');
        resetGame();
      }
    }

// Function to reset the game
    function resetGame() {
      const cells = document.getElementsByClassName('cell');
      for (let i = 0; i < cells.length; i++) {
        cells[i].classList.remove('active');
      }
      monsterPositions = createRandomPositions();
    }
  </script>
</body>
</html>
```