Maze, you are SCP 096, maze starts at your containment cell and ends at the outside, there are scientists, if you touch a scientist they will die, total score is the amount of remaining scientists when you leave's game

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

No:38653

←

Prev Next

→

Maze, you are SCP 096, maze starts at your contain..ALL
Developer User17421｜Date and time 24/1/25 6:51:38
Build time 22.436 sec｜Game capacity 5.71KB｜

Script

Sure! Here's an example of a simple maze game where you play as SCP-096, and your goal is to navigate through the maze to reach the outside without touching any scientists. The total score is the number of remaining scientists when you successfully exit the maze.

Scientists Remaining: 5

Please note that for this example to work, you'll need to place appropriate image files for the scientist, exit, and SCP-096 icons, and update the respective URLs in the CSS (`background-image` properties). This is a minimal implementation and can be further enhanced with additional features or improved visuals as desired.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Maze Game</title>
    <style>
        #maze {
            width: 400px;
            height: 400px;
            border: 2px solid black;
            position: relative;
            overflow: hidden;
        }

.cell {
            width: 20px;
            height: 20px;
            background-color: #EEE;
            box-sizing: border-box;
            border: 1px solid #AAA;
            position: absolute;
        }

.scientist {
            width: 20px;
            height: 20px;
            background-image: url('scientist.png');
            background-size: cover;
            box-sizing: border-box;
            border: 1px solid #AAA;
            position: absolute;
        }

.exit {
            width: 20px;
            height: 20px;
            background-image: url('exit.png');
            background-size: cover;
            box-sizing: border-box;
            border: 1px solid #AAA;
            position: absolute;
        }

#player {
            width: 20px;
            height: 20px;
            background-image: url('scp096.png');
            background-size: cover;
            box-sizing: border-box;
            border: none;
            position: absolute;
        }

#score {
            padding: 10px;
            font-size: 20px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <div id="maze"></div>
    <div id="score">Scientists Remaining: <span id="remaining">5</span></div>

let maze = document.getElementById("maze");
        let scoreDisplay = document.getElementById("remaining");
        let score = scientistCount;

// Generate the maze grid
        for (let row = 0; row < mazeSize; row++) {
            for (let col = 0; col < mazeSize; col++) {
                let cell = document.createElement("div");
                cell.className = "cell";
                cell.dataset.row = row;
                cell.dataset.col = col;

maze.appendChild(cell);
            }
        }

// Randomly place scientists
        for (let i = 0; i < scientistCount; i++) {
            let cell = document.querySelector(`.cell[data-row="${getRandomNumber(mazeSize)}"][data-col="${getRandomNumber(mazeSize)}"]`);
            cell.classList.add("scientist");
        }

// Place the exit
        let exit = document.querySelector(`.cell[data-row="${getRandomNumber(mazeSize)}"][data-col="${getRandomNumber(mazeSize)}"]`);
        exit.classList.add("exit");

// Place the player at the starting point
        let player = document.createElement("div");
        player.id = "player";
        player.dataset.row = 0;
        player.dataset.col = 0;
        maze.appendChild(player);

// Event listener for keyboard controls
        document.addEventListener("keydown", function (event) {
            let playerPos = {
                row: parseInt(player.dataset.row),
                col: parseInt(player.dataset.col)
            };

if (event.key === "ArrowUp" || event.key === "w") {
                movePlayer(playerPos, -1, 0);
            } else if (event.key === "ArrowDown" || event.key === "s") {
                movePlayer(playerPos, 1, 0);
            } else if (event.key === "ArrowLeft" || event.key === "a") {
                movePlayer(playerPos, 0, -1);
            } else if (event.key === "ArrowRight" || event.key === "d") {
                movePlayer(playerPos, 0, 1);
            }
        });

// Function to move the player
        function movePlayer(pos, rowOffset, colOffset) {
            let newRow = pos.row + rowOffset;
            let newCol = pos.col + colOffset;

if (newRow < 0 || newRow >= mazeSize || newCol < 0 || newCol >= mazeSize) {
                return;
            }

let currentCell = document.querySelector(`.cell[data-row="${pos.row}"][data-col="${pos.col}"]`);
            let newCell = document.querySelector(`.cell[data-row="${newRow}"][data-col="${newCol}"]`);

if (newCell.classList.contains("exit")) {
                if (score === 0) {
                    alert("Congratulations! You escaped the maze without harming any scientists!");
                } else {
                    alert("You can't leave yet! There are still scientists remaining.");
                }
                return;
            }

if (newCell.classList.contains("scientist")) {
                newCell.classList.remove("scientist");
                score--;
                scoreDisplay.textContent = score;
            }

currentCell.removeChild(player);
            newCell.appendChild(player);
            player.dataset.row = newRow;
            player.dataset.col = newCol;
        }

// Function to get a random number within given range
        function getRandomNumber(max) {
            return Math.floor(Math.random() * max);
        }
    </script>
</body>
</html>
```

This is a minimal implementation and can be further enhanced with additional features or improved visuals as desired.