A square walking in a box and moves by itself, gets teleported to left when off screen but it gets more corrupted every 5 seconds, square teleports when corruption is 10%'s game

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

No:37617

←

Prev Next

→

A square walking in a box and moves by itself, get..ALL
Developer User17064｜Date and time 24/1/21 6:38:55
Build time 8.153 sec｜Game capacity 3.14KB｜

Script

Sure! Here's an example of a game where a square moves within a box and gets more corrupted over time. It will automatically teleport to the left side of the box when it goes off-screen, and it will also teleport if its corruption level reaches 10%. The game will be playable on a smartphone using pictograms for the square.

Corruption: 0%

You can save the above code in a file with an `.html` extension and open it in a web browser to play the game. The square will move within the box, and every 5 seconds, its corruption level will increase. Once the corruption level reaches 10%, the square will automatically teleport to the left side of the box.

←

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>Corrupted Square Game</title>
    <style>
        #box {
            width: 300px;
            height: 300px;
            border: 1px solid black;
            position: relative;
            overflow: hidden;
        }
        
        #square {
            width: 50px;
            height: 50px;
            position: absolute;
            top: 125px;
            left: 125px;
            background-color: red;
        }
        
        #corruption {
            position: absolute;
            top: 10px;
            left: 10px;
        }
    </style>
</head>
<body>
    <div id="box">
        <div id="square"></div>
    </div>
    <p id="corruption">Corruption: 0%</p>

var corruptionLevel = 0;
        var corruptionInterval;

// Start the game
        function startGame() {
            corruptionInterval = setInterval(corruptSquare, 5000);
            moveSquare();
        }

// Move the square within the box
        function moveSquare() {
            var box = document.getElementById("box");
            var boxWidth = box.offsetWidth;
            
            var moveAmount = 5;
            var newLeft = square.offsetLeft + moveAmount;
            
            // If square goes off-screen, teleport to the left side
            if (newLeft > boxWidth) {
                newLeft = -square.offsetWidth;
            }
            
            square.style.left = newLeft + "px";
            
            // Check corruption level
            if (corruptionLevel >= 10) {
                teleport();
            } else {
                requestAnimationFrame(moveSquare);
            }
        }

// Increase corruption over time and update display
        function corruptSquare() {
            corruptionLevel++;
            corruptionElement.textContent = "Corruption: " + corruptionLevel + "%";
        }

// Teleport the square to the left side
        function teleport() {
            square.style.left = "0px";
            corruptionLevel = 0;
            corruptionElement.textContent = "Corruption: 0%";
            
            // Restart the game
            setTimeout(startGame, 1000);
        }

// Start the game initially
        startGame();
    </script>
</body>
</html>
```