Lights On Off Maze II Remastered's game

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

No:7590

4694

←

Prev Next

→

Lights On Off Maze II Remastered
Developer o2pi4｜Date and time 23/7/8 23:22:29
Build time 16.794 sec｜Game capacity 3.515KB｜

Script

了解です。以下に「ライトオンオフ迷路IIリマスター」のゲームをプログラムします。

このプログラムでは、5x5のマスを持つ迷路のライトをオンとオフで切り替えるゲームが実装されています。迷路の初期状態はランダムに設定されます。マスをクリックすると、クリックしたマスと上下左右のマスの状態が反転します。ゲームが始まると、目標は全てのライトをオフにすることです。

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

了解です。以下に「ライトオンオフ迷路IIリマスター」のゲームをプログラムします。

```html
<!DOCTYPE html>
<html>
  <head>
    <title>ライトオンオフ迷路IIリマスター</title>

#game-container {
        background-color: white;
        border: 5px solid black;
        width: 400px;
        height: 400px;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(5, 1fr);
      }

.cell {
        background-color: grey;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 40px;
        color: white;
        cursor: pointer;
      }

.on {
        background-color: yellow;
        color: black;
      }

.off {
        background-color: grey;
      }
    </style>
  </head>

function handleClick(event) {
          const cell = event.target;
          toggleCell(cell);

const row = parseInt(cell.dataset.row);
          const col = parseInt(cell.dataset.col);

// Toggle cells around
          if (row > 0) {
            const topCell = cells[row - 1][col];
            toggleCell(topCell);
          }

if (row < 4) {
            const bottomCell = cells[row + 1][col];
            toggleCell(bottomCell);
          }

if (col > 0) {
            const leftCell = cells[row][col - 1];
            toggleCell(leftCell);
          }

if (col < 4) {
            const rightCell = cells[row][col + 1];
            toggleCell(rightCell);
          }
        }

// Create cells
        for (let row = 0; row < 5; row++) {
          cells[row] = [];

for (let col = 0; col < 5; col++) {
            const cell = document.createElement("div");
            cell.classList.add("cell");
            cell.dataset.row = row;
            cell.dataset.col = col;
            cell.addEventListener("click", handleClick);
            gameContainer.appendChild(cell);
            cells[row][col] = cell;
          }
        }

// Set random initial states
        for (let row = 0; row < 5; row++) {
          for (let col = 0; col < 5; col++) {
            const cell = cells[row][col];
            const randomState = Math.random() < 0.5 ? "on" : "off";
            cell.classList.add(randomState);
          }
        }
      });
    </script>
  </body>
</html>
```