AI game creator

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

No:50052

←

Prev Next

→

House cleaning game
Developer User21218｜Date and time 24/3/7 14:38:34
Build time 9.512 sec｜Game capacity 2.18KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>House Cleaning Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

const dustImg = new Image();
    dustImg.src = 'dust.png';

const mopImg = new Image();
    mopImg.src = 'mop.png';

// Game variables
    let playerX = 50;
    let playerY = 50;

let dustX = 200;
    let dustY = 200;

let mopX = 400;
    let mopY = 400;

const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');

// Function to draw the game
    function drawGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.drawImage(playerImg, playerX, playerY, 50, 50);
      ctx.drawImage(dustImg, dustX, dustY, 50, 50);
      ctx.drawImage(mopImg, mopX, mopY, 50, 50);
    }

// Function to check for collisions
    function checkCollision() {
      if (playerX < dustX + 50 &&
          playerX + 50 > dustX &&
          playerY < dustY + 50 &&
          playerY + 50 > dustY) {
        alert('You found dust! Clean it up with the mop.');
        dustX = Math.random() * (canvas.width - 50);
        dustY = Math.random() * (canvas.height - 50);
      }

if (playerX < mopX + 50 &&
          playerX + 50 > mopX &&
          playerY < mopY + 50 &&
          playerY + 50 > mopY) {
        alert('Congratulations! You cleaned the dust!');
        dustX = Math.random() * (canvas.width - 50);
        dustY = Math.random() * (canvas.height - 50);
      }
    }

// Function to move the player
    function movePlayer(event) {
      const keyPressed = event.keyCode;

if (keyPressed === 37) {
        playerX -= 10;
      } else if (keyPressed === 38) {
        playerY -= 10;
      } else if (keyPressed === 39) {
        playerX += 10;
      } else if (keyPressed === 40) {
        playerY += 10;
      }

checkCollision();
      drawGame();
    }

// Start the game
    playerImg.onload = () => {
      drawGame();
      window.addEventListener('keydown', movePlayer);
    };
  </script>
</body>
</html>