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

No:47535

Create A Skibidi Toilet Game For Attack In G-MAN T..ALL
Developer User20508｜Date and time 24/2/28 9:22:03
Build time 8.551 sec｜Game capacity 1.831KB｜

Script

Skibidi Toilet vs Titán Cameraman Toilet

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Skibidi Toilet Game</title>
</head>
<body>
  <h1>Skibidi Toilet vs Titán Cameraman Toilet</h1>
  <canvas id="gameCanvas" width="800" height="600"></canvas>
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

class Toilet {
      constructor(x, y, width, height, color) {
        this.x = x;
        this.y = y;
        this.width = width;
        this.height = height;
        this.color = color;
      }
      
      draw() {
        ctx.fillStyle = this.color;
        ctx.fillRect(this.x, this.y, this.width, this.height);
      }
    }

let playerToilet = new Toilet(50, 50, 50, 50, 'blue');
    let enemyToilet = new Toilet(700, 500, 50, 50, 'red');

function drawGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      playerToilet.draw();
      enemyToilet.draw();
    }

function movePlayerToilet(event) {
      const rect = canvas.getBoundingClientRect();
      const x = event.clientX - rect.left;
      const y = event.clientY - rect.top;
    
      playerToilet.x = x;
      playerToilet.y = y;
      drawGame();
    }

canvas.addEventListener('mousemove', movePlayerToilet);

function checkCollisions() {
      if (playerToilet.x < enemyToilet.x + enemyToilet.width &&
          playerToilet.x + playerToilet.width > enemyToilet.x &&
          playerToilet.y < enemyToilet.y + enemyToilet.height &&
          playerToilet.y + playerToilet.height > enemyToilet.y) {
            alert('¡Has sido eliminado por Titán Cameraman Toilet!');
          }
    }

function gameLoop() {
      drawGame();
      checkCollisions();
      requestAnimationFrame(gameLoop);
    }

gameLoop();
  </script>
</body>
</html>