A square walking in a box and moves by itself but it gets creepier every 5 seconds, every 5 seconds turns the background 5% darker, don't move fast, gets more corrupted's game

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

No:37623

←

Prev Next

→

A square walking in a box and moves by itself but ..ALL
Developer User17064｜Date and time 24/1/21 6:42:53
Build time 6.71 sec｜Game capacity 2.053KB｜

Script

Sure! Here's an example of an HTML file that implements a game where a square moves in a box and gets creepier over time:

In this game, a square moves randomly within a 400x400 pixel box. Every 5 seconds, the background color of the box becomes 5% darker, giving a creepy effect. The square's position is updated every time it moves, and the corruption percentage increases every 5 seconds. The game continues indefinitely, making the square and background progressively creepier over time.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of an HTML file that implements a game where a square moves in a box and gets creepier over time:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Creepy Square Game</title>
    <style>
      #container {
        position: relative;
        width: 400px;
        height: 400px;
        border: 1px solid black;
        overflow: hidden;
        background-color: white;
        transition: background-color 0.5s linear;
      }

#square {
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: red;
        transition: transform 0.5s linear;
      }
    </style>
  </head>
  <body>
    <div id="container">
      <div id="square"></div>
    </div>

// Function to update square's position
      function moveSquare() {
        let xPos = Math.floor(Math.random() * 350);
        let yPos = Math.floor(Math.random() * 350);
        square.style.transform = `translate(${xPos}px, ${yPos}px)`;

// Every 5 seconds, increase corruption and darken background
        if (corruptionPercentage % 5 === 0) {
          container.style.backgroundColor = `hsl(0, 0%, ${100 - corruptionPercentage}%)`;
        }

// Every 5 seconds, increase corruption
        corruptionPercentage++;

// Repeat after 5 seconds
        setTimeout(moveSquare, 100);
      }

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