Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
You are in a forest and you need to escape from a tall black creature that will devour you if it catches you. You are in a dark forest's game | AI game creator

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

No:11237

177

←

Prev Next

→

You are in a forest and you need to escape from a ..ALL
Developer No｜Date and time 23/8/9 5:10:21
Build time 22.806 sec｜Game capacity 2.391KB｜

Script

Escape From the Black Creature

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Escape From the Black Creature</title>
  <style>
    body {
      background-color: #000;
      color: #fff;
      font-family: Arial, sans-serif;
      text-align: center;
    }
    canvas {
      border: 1px solid #fff;
    }
  </style>
</head>
<body>
  <h1>Escape From the Black Creature</h1>
  <canvas id="gameCanvas" width="800" height="500"></canvas>
  
  <script>
    // Initialize the game variables
    var canvas = document.getElementById("gameCanvas");
    var context = canvas.getContext("2d");
    var player, enemy, score;

function startGame() {
      // Create the player and enemy objects
      player = { x: 50, y: 50, width: 40, height: 40, color: "#ff0" };
      enemy = { x: 700, y: 400, width: 60, height: 60, color: "#f00", speed: 4 };
      score = 0;

// Start the game loop
      setInterval(updateGame, 20);
    }

// Check for collision between player and enemy
      if (checkCollision(player, enemy)) {
        gameOver();
        return;
      }

// Clear the canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player and enemy
      drawGameObject(player);
      drawGameObject(enemy);

// Update the score
      document.getElementById("score").textContent = "Score: " + score;
    }

function drawGameObject(gameObject) {
      context.fillStyle = gameObject.color;
      context.fillRect(gameObject.x, gameObject.y, gameObject.width, gameObject.height);
    }

function checkCollision(object1, object2) {
      return (
        object1.x < object2.x + object2.width &&
        object1.x + object1.width > object2.x &&
        object1.y < object2.y + object2.height &&
        object1.y + object1.height > object2.y
      );
    }

function gameOver() {
      clearInterval(updateGame);
      alert("Game Over! Your final score is: " + score);
    }

// Start the game when the page is loaded
    window.onload = function() {
      startGame();
    };
  </script>
</body>
</html>