A randomly generated maze, the arrow buttons move you left right up and down you are SCP 096, If you touch a scientist they will die and you will lose a point, the maze starts at your containment cell and ends at the outside, your total score is the amount of remaining scientists when you reach the end's game

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

No:38651

←

Prev Next

→

A randomly generated maze, the arrow buttons move ..ALL
Developer User17421｜Date and time 24/1/25 6:45:25
Build time 26.408 sec｜Game capacity 4.549KB｜

Script

Sure! Here's a simple implementation of the game you described using JavaScript and HTML:

To play the game, you need to create an HTML file (e.g., `game.html`) and paste the above code into it. Save the file, and then open it in a web browser on your smartphone. You can use the arrow buttons on the keyboard (if available) to move SCP-096 (represented by a red square) through the maze. If SCP-096 touches a scientist (represented by a scientist pictogram), the scientist will die, and you will lose a point. The maze starts at SCP-096's containment cell and ends when you reach the outside (marked with green color). Your total score is the number of remaining scientists when you reach the end.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

Sure! Here's a simple implementation of the game you described using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>SCP 096 Maze Game</title>
  <style>
    #maze {
      display: grid;
      grid-template-columns: repeat(10, 1fr);
      grid-template-rows: repeat(10, 1fr);
      width: 400px;
      height: 400px;
      border: 2px solid black;
    }
    #cell {
      border: 1px solid white;
      background-color: white;
    }
    #cell.scp {
      background-color: red;
    }
    #cell.scientist {
      background-image: url(scientist.png);
      background-repeat: no-repeat;
      background-position: center;
    }
    #cell[target] {
      background-color: green;
    }
  </style>
</head>
<body>
  <div id="maze"></div>
  <script>
    // Maze data
    const mazeSize = 10; // 10x10 maze
    const maze = [
      [1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
      [1, 0, 0, 1, 0, 0, 0, 0, 0, 1],
      [1, 0, 1, 1, 1, 1, 0, 1, 0, 1],
      [1, 0, 0, 0, 0, 1, 0, 1, 0, 1],
      [1, 0, 1, 1, 1, 1, 0, 1, 0, 1],
      [1, 0, 1, 0, 0, 0, 0, 1, 0, 1],
      [1, 0, 1, 1, 1, 1, 0, 1, 0, 1],
      [1, 0, 0, 0, 0, 1, 0, 1, 0, 1],
      [1, 1, 1, 1, 0, 1, 0, 1, 0, 1],
      [1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
    ];

// Game state
    let currentScore = 0;
    let currentRow = 1;
    let currentCol = 1;

// Generate the maze
    const mazeContainer = document.getElementById("maze");
    for (let row = 0; row < mazeSize; row++) {
      for (let col = 0; col < mazeSize; col++) {
        const cell = document.createElement("div");
        cell.id = `cell_${row}_${col}`;
        cell.className = "cell";
        if (maze[row][col] === 1) {
          cell.className += " wall";
        } else if (row === currentRow && col === currentCol) {
          cell.className += " scp";
        } else {
          cell.className += " empty";
          cell.setAttribute("target", "");
        }
        mazeContainer.appendChild(cell);
      }
    }

// Move SCP on arrow key press
    document.addEventListener("keydown", function (event) {
      const key = event.key;
      const targetRow = currentRow;
      const targetCol = currentCol;
      if (key === "ArrowUp") {
        targetRow--;
      } else if (key === "ArrowDown") {
        targetRow++;
      } else if (key === "ArrowLeft") {
        targetCol--;
      } else if (key === "ArrowRight") {
        targetCol++;
      }
      if (maze[targetRow][targetCol] === 0) {
        const currentCell = document.getElementById(
          `cell_${currentRow}_${currentCol}`
        );
        currentCell.className = "cell empty";
        currentCell.removeAttribute("target");
        currentRow = targetRow;
        currentCol = targetCol;
        const newCell = document.getElementById(
          `cell_${currentRow}_${currentCol}`
        );
        newCell.className = "cell scp";
        updateScore();
        checkWin();
      } else if (maze[targetRow][targetCol] === 2) {
        const currentCell = document.getElementById(
          `cell_${currentRow}_${currentCol}`
        );
        currentCell.className = "cell empty";
        currentCell.removeAttribute("target");
        maze[targetRow][targetCol] = 0;
        currentRow = targetRow;
        currentCol = targetCol;
        const newCell = document.getElementById(
          `cell_${currentRow}_${currentCol}`
        );
        newCell.className = "cell scp";
        currentScore++;
        updateScore();
        checkWin();
      }
    });

// Update the score display
    function updateScore() {
      const scoreElement = document.getElementById("score");
      scoreElement.textContent = `Score: ${currentScore}`;
    }

// Check if the game is won
    function checkWin() {
      const currentCell = maze[currentRow][currentCol];
      if (currentCell === 3) {
        alert(`Congratulations! Your final score is ${currentScore}`);
      }
    }
  </script>
</body>
</html>
```