AI game creator

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

No:39574

←

Prev Next

→

Monsters Inc
Developer User15380｜Date and time 24/1/29 6:35:26
Build time 9.786 sec｜Game capacity 2.492KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Monsters Inc Game</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

const canvas = document.getElementById("gameCanvas");
      const context = canvas.getContext("2d");

// Monster object
      const monster = {
        x: 200,
        y: 200,
        speed: 5
      };

// Player object
      const player = {
        x: 50,
        y: 50,
        width: 50,
        height: 50
      };

// Update function
      function update() {
        // Clear canvas
        context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the monster
        context.drawImage(monsterImage, monster.x, monster.y);

// Draw the player
        context.drawImage(screamImage, player.x, player.y, player.width, player.height);

// Move the monster towards the player
        if (monster.x < player.x) {
          monster.x += monster.speed;
        } else {
          monster.x -= monster.speed;
        }

if (monster.y < player.y) {
          monster.y += monster.speed;
        } else {
          monster.y -= monster.speed;
        }

// Check if the monster caught the player
        if (monster.x < player.x + player.width &&
            monster.x + monsterImage.width > player.x &&
            monster.y < player.y + player.height &&
            monster.y + monsterImage.height > player.y) {
          alert("Game Over! The monster caught you.");
        } else {
          // Repeat the update function
          requestAnimationFrame(update);
        }
      }

// Handle player movement
      document.addEventListener("keydown", function(event) {
        const key = event.keyCode;
        
        if (key === 37 && player.x > 0) { // Left arrow key
          player.x -= player.width;
        } else if (key === 38 && player.y > 0) { // Up arrow key
          player.y -= player.height;
        } else if (key === 39 && player.x + player.width < canvas.width) { // Right arrow key
          player.x += player.width;
        } else if (key === 40 && player.y + player.height < canvas.height) { // Down arrow key
          player.y += player.height;
        }
      });

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