You get off a red elevator and exit to see a surgeon named "Syringeon" he guides you to his room and you see some slugs named "Naughty Ones" the Naughty Ones will chase you around the sector and a brown toad named "Sheriff Toadster" shoots the Naughty Ones. Sheriff Toadster takes you to another red elevator with a white cat named "Banbaleena" the elevator goes down.'s game

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

No:37790

←

Prev Next

→

You get off a red elevator and exit to see a surge..ALL
Developer User17139｜Date and time 24/1/21 16:43:55
Build time 13.038 sec｜Game capacity 4.163KB｜

Script

Here's a single HTML file that implements the game scenario you described. It includes JavaScript code enclosed in script tags and uses pictograms for representation. The game is playable on a smartphone by interacting with the characters using simple button clicks.

To play the game, open the HTML file in a web browser on your smartphone and click the "Start" button. Follow the instructions and use the arrow keys or swipe gestures to control your character (represented by the Naughty Ones) and avoid them. Reach the designated area to move on to the next stage. If you take too much time, the game will end.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>The Adventures of Sheriff Toadster</title>
    <style>
        #elevator, #syringeon, #naughty-ones, #toadster, #banbaleena {
            font-size: 40px;
            padding: 10px;
        }
    </style>
</head>
<body>
    <div>
        <button onclick="startGame()">Start</button>
    </div>

<div id="game-container" style="display: none;">
        <div id="elevator">
            <p>You get off a <span style="color: red;">red</span> elevator</p>
        </div>

<div id="syringeon" style="display: none;">
            <p>You see a surgeon named "Syringeon"!</p>
            <button onclick="enterSyringeonRoom()">Enter the room</button>
        </div>

<div id="naughty-ones" style="display: none;">
            <p>The Naughty Ones will chase you around the sector.</p>
            <p>Run away from them!</p>
        </div>

<div id="toadster" style="display: none;">
            <p>A brown toad named "Sheriff Toadster" will protect you!</p>
            <p>Stay close to him!</p>
        </div>

<div id="banbaleena" style="display: none;">
            <p>A white cat named "Banbaleena" will guide you further.</p>
            <button onclick="goDown()">Take the elevator down</button>
        </div>

<div id="end" style="display: none;">
            <p>Game Over!</p>
            <p>Thanks for playing!</p>
        </div>
    </div>

function enterSyringeonRoom() {
            document.getElementById("syringeon").style.display = "none";
            document.getElementById("naughty-ones").style.display = "block";
            document.addEventListener("keydown", movePlayer);
        }

function movePlayer(event) {
            let currentTop = parseInt(document.getElementById("naughty-ones").style.top) || 0;
            let currentLeft = parseInt(document.getElementById("naughty-ones").style.left) || 0;

switch (event.key) {
                case "ArrowUp":
                    currentTop -= 10;
                    break;
                case "ArrowDown":
                    currentTop += 10;
                    break;
                case "ArrowLeft":
                    currentLeft -= 10;
                    break;
                case "ArrowRight":
                    currentLeft += 10;
                    break;
            }

document.getElementById("naughty-ones").style.top = currentTop + "px";
            document.getElementById("naughty-ones").style.left = currentLeft + "px";

if (currentTop >= 150 && currentTop <= 250 && currentLeft >= 300 && currentLeft <= 400) {
                document.removeEventListener("keydown", movePlayer);
                document.getElementById("naughty-ones").style.display = "none";
                document.getElementById("toadster").style.display = "block";
            }
        }

function goDown() {
            document.getElementById("toadster").style.display = "none";
            document.getElementById("banbaleena").style.display = "block";
            setTimeout(gameOver, 4000);
        }

function gameOver() {
            document.getElementById("game-container").style.display = "none";
            document.getElementById("end").style.display = "block";
        }
    </script>
</body>
</html>
```