You are SCP 096, run through the maze from your containment cell to reach the outside, if you touch a scientist they will die and you will lose a point, your score is how many scientists remain after you escape containment's game

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

No:38605

100

←

Prev Next

→

You are SCP 096, run through the maze from your co..ALL
Developer User17421｜Date and time 24/1/25 5:48:32
Build time 28.42 sec｜Game capacity 5.093KB｜

Script

This HTML file contains the SCP 096 Maze Game implemented as a single HTML file. The game uses JavaScript enclosed within script tags to handle the game logic. The game can be played on a smartphone by using touch events to simulate arrow key presses. Pictograms can be used for representing the player in the game. The game starts when the page is loaded and the player can move through the maze using arrow buttons. The objective is to reach the outside without touching any scientists. The score represents the number of scientists remaining after the player escapes containment. If the player touches a scientist, their score decreases by one. If the player reaches the outside with a score of 0, they win the game. If they have a score greater than 0, they lose.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>SCP 096 Maze Game</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      font-family: Arial, sans-serif;
      background-color: #000;
    }
    
    #maze-container {
      width: 100vw;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    
    #maze {
      width: 350px;
      height: 350px;
      border: 1px solid #333;
      background-color: #777;
      display: flex;
      flex-wrap: wrap;
      position: relative;
    }
    
    .cell {
      width: 50px;
      height: 50px;
      border: 1px solid #333;
      box-sizing: border-box;
    }
    
    #player {
      width: 50px;
      height: 50px;
      position: absolute;
      background-color: #f00;
      background-image: url('pictogram.png');
      background-size: cover;
      z-index: 1;
    }
    
    #score {
      color: #fff;
      font-size: 20px;
      position: absolute;
      top: 10px;
      right: 10px;
    }
  </style>
</head>
<body>
  <div id="maze-container">
    <div id="maze"></div>
  </div>
  <script>
    var maze = [
      [1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
      [1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
      [1, 0, 1, 1, 1, 1, 1, 1, 0, 1],
      [1, 0, 1, 0, 0, 0, 0, 1, 0, 1],
      [1, 0, 1, 0, 1, 1, 0, 1, 0, 1],
      [1, 0, 1, 0, 1, 1, 0, 1, 0, 1],
      [1, 0, 1, 0, 0, 0, 0, 1, 0, 1],
      [1, 0, 1, 1, 1, 1, 1, 1, 0, 1],
      [1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
      [1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
    ];
    
    var playerPosition = { x: 1, y: 1 };
    var score = 0;
    
    function createMaze() {
      var mazeElement = document.getElementById('maze');
      
      for (var i = 0; i < maze.length; i++) {
        for (var j = 0; j < maze[i].length; j++) {
          var cell = document.createElement('div');
          cell.classList.add('cell');
          
          if (maze[i][j] === 1) {
            cell.style.backgroundColor = '#000';
          }
          
          mazeElement.appendChild(cell);
        }
      }
      
      var player = document.createElement('div');
      player.id = 'player';
      mazeElement.appendChild(player);
      
      updatePlayerPosition();
    }
    
    function updatePlayerPosition() {
      var playerElement = document.getElementById('player');
      playerElement.style.top = playerPosition.y * 50 + 'px';
      playerElement.style.left = playerPosition.x * 50 + 'px';
    }
    
    function movePlayer(keyCode) {
      var newPosition = Object.assign({}, playerPosition);
      
      switch (keyCode) {
        case 37: // Left Arrow
          newPosition.x--;
          break;
        case 38: // Up Arrow
          newPosition.y--;
          break;
        case 39: // Right Arrow
          newPosition.x++;
          break;
        case 40: // Down Arrow
          newPosition.y++;
          break;
      }
      
      if (maze[newPosition.y][newPosition.x] === 0) {
        playerPosition = newPosition;
        updatePlayerPosition();
      }
      
      if (maze[newPosition.y][newPosition.x] === 2) {
        score++;
        maze[newPosition.y][newPosition.x] = 0;
        playerPosition = newPosition;
        updatePlayerPosition();
      }
      
      if (maze[newPosition.y][newPosition.x] === 3) {
        if (score > 0) {
          score--;
        }
        
        maze[newPosition.y][newPosition.x] = 0;
        playerPosition = newPosition;
        updatePlayerPosition();
      }
      
      updateScore();
      
      if (newPosition.x === 8 && newPosition.y === 8) {
        if (score === 0) {
          alert('Congratulations! You escaped containment successfully.');
        } else {
          alert('You reached the outside, but ' + score + ' scientists died. You lose!');
        }
        
        resetGame();
      }
    }
    
    function updateScore() {
      var scoreElement = document.getElementById('score');
      scoreElement.textContent = 'Scientists Remaining: ' + score;
    }
    
    function resetGame() {
      playerPosition = { x: 1, y: 1 };
      score = 0;
      updatePlayerPosition();
      updateScore();
    }
    
    document.addEventListener('keydown', function(event) {
      movePlayer(event.keyCode);
    });
    
    createMaze();
  </script>
</body>
</html>
```