Skibidi Toilet Fight's game

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

No:14046

←

Prev Next

→

Skibidi Toilet Fight
Developer User6030｜Date and time 23/8/30 21:36:00
Build time 22.739 sec｜Game capacity 2.873KB｜

Script

👤

🚽

👤

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Skibidi Toilet Fight</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      text-align: center;
    }

#game-container {
      margin-top: 100px;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 500px;
    }

#player1 {
      position: absolute;
      left: 50px;
      top: 50%;
      transform: translateY(-50%);
    }

#player2 {
      position: absolute;
      right: 50px;
      top: 50%;
      transform: translateY(-50%);
    }

#toilet {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      font-size: 50px;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player1">👤</div>
    <div id="toilet">🚽</div>
    <div id="player2">👤</div>
  </div>

// Function to move player 1 up
    function movePlayer1Up() {
      const currentPosition = parseInt(player1.style.top) || 0;
      player1.style.top = currentPosition - 10 + 'px';
    }

// Function to move player 1 down
    function movePlayer1Down() {
      const currentPosition = parseInt(player1.style.top) || 0;
      player1.style.top = currentPosition + 10 + 'px';
    }

// Function to move player 2 up
    function movePlayer2Up() {
      const currentPosition = parseInt(player2.style.top) || 0;
      player2.style.top = currentPosition - 10 + 'px';
    }

// Function to move player 2 down
    function movePlayer2Down() {
      const currentPosition = parseInt(player2.style.top) || 0;
      player2.style.top = currentPosition + 10 + 'px';
    }

// Function to check if players reach the toilet
    function checkToilet() {
      const toiletPosition = parseInt(toilet.style.top) || 0;
      const player1Position = parseInt(player1.style.top) || 0;
      const player2Position = parseInt(player2.style.top) || 0;

if (player1Position <= toiletPosition + 50 && player1Position >= toiletPosition - 50) {
        alert('Player 1 wins!');
      }

if (player2Position <= toiletPosition + 50 && player2Position >= toiletPosition - 50) {
        alert('Player 2 wins!');
      }
    }

// Event listeners for player movements
    document.addEventListener('keydown', (event) => {
      if (event.key === 'w') {
        movePlayer1Up();
        checkToilet();
      } else if (event.key === 's') {
        movePlayer1Down();
        checkToilet();
      } else if (event.key === 'ArrowUp') {
        movePlayer2Up();
        checkToilet();
      } else if (event.key === 'ArrowDown') {
        movePlayer2Down();
        checkToilet();
      }
    });
  </script>
</body>
</html>