Run from monsters You are a blue ball The monsters are the red ball You must find the star to win The monsters can roam and follow you in the map you have a Up button Down button Left button Right button's game

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

No:25267

102

←

Prev Next

→

Run from monsters You are a blue ball The monster..ALL
Developer Dooz studio｜Date and time 23/11/20 1:09:43
Build time 119.206 sec｜Game capacity 3.548KB｜

Script

Sure, here's an example of a simple game where you need to run from monsters:

To play the game, you need to open the HTML file in a web browser or run it on a web server. The player starts as a blue ball and can move using the arrow keys. Monsters roam and follow the player. The goal is to reach the yellow star without getting caught by a monster. If you collide with a monster, the game is over and if you reach the star, you win.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure, here's an example of a simple game where you need to run from monsters:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Run from Monsters</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    // Set up the game canvas
    var canvas = document.getElementById("gameCanvas");
    var context = canvas.getContext("2d");

// Create the player and monster objects
    var player = {
      x: 200,
      y: 200,
      radius: 10,
      color: "blue"
    };

var monsters = [
      { x: 100, y: 100, radius: 10, color: "red" },
      { x: 300, y: 300, radius: 10, color: "red" }
    ];

var star = {
      x: Math.random() * canvas.width,
      y: Math.random() * canvas.height,
      radius: 10,
      color: "yellow"
    };

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

// Draw the player
      context.beginPath();
      context.arc(player.x, player.y, player.radius, 0, 2 * Math.PI);
      context.fillStyle = player.color;
      context.fill();

// Draw the monsters
      monsters.forEach(function(monster) {
        context.beginPath();
        context.arc(monster.x, monster.y, monster.radius, 0, 2 * Math.PI);
        context.fillStyle = monster.color;
        context.fill();
      });

// Draw the star
      context.beginPath();
      context.arc(star.x, star.y, star.radius, 0, 2 * Math.PI);
      context.fillStyle = star.color;
      context.fill();
    }

// Function to update the game logic
    function updateGame() {
      // Handle player movement based on button presses
      document.addEventListener("keydown", function(event) {
        if (event.key === "ArrowUp") {
          player.y -= 10;
        } else if (event.key === "ArrowDown") {
          player.y += 10;
        } else if (event.key === "ArrowLeft") {
          player.x -= 10;
        } else if (event.key === "ArrowRight") {
          player.x += 10;
        }
      });

// Update monster positions
      monsters.forEach(function(monster) {
        var dx = player.x - monster.x;
        var dy = player.y - monster.y;
        var distance = Math.sqrt(dx * dx + dy * dy);
        monster.x += dx / distance * 2;
        monster.y += dy / distance * 2;
      });

// Check if player reached the star
      var dx = player.x - star.x;
      var dy = player.y - star.y;
      var distance = Math.sqrt(dx * dx + dy * dy);
      if (distance < player.radius + star.radius) {
        alert("Congratulations! You found the star!");
      }

// Check if player collided with a monster
      monsters.forEach(function(monster) {
        var dx = player.x - monster.x;
        var dy = player.y - monster.y;
        var distance = Math.sqrt(dx * dx + dy * dy);
        if (distance < player.radius + monster.radius) {
          alert("Game over! The monster caught you.");
        }
      });

// Redraw the game
      drawGame();

// Run the game loop continuously
      requestAnimationFrame(updateGame);
    }

// Start the game loop
    updateGame();
  </script>
</body>
</html>
```