A game where a child is going away, so they have to collect flowers and other gifts to give to the villager but someone doesn’t want them to leave…'s game

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

No:12793

111

←

Prev Next

→

A game where a child is going away, so they have t..ALL
Developer User5541｜Date and time 23/8/23 5:35:53
Build time 27.816 sec｜Game capacity 4.955KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript and enclosed in script tags. The game is about a child who is trying to collect flowers and other gifts to give to a villager before leaving, but encounters obstacles from someone who doesn't want them to leave. The game can be played on a smartphone and uses pictograms for visuals.

In this game, the player (represented by a blue rectangle) can move around the village using the arrow keys. The objective is to collect all the flowers (yellow rectangles) while avoiding the obstacles (red rectangles). If the player collides with an obstacle, the game is over, and if all the flowers are collected, the player wins the game.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Escape The Village Game</title>
    <style>
      canvas {
        border: 1px solid #000;
      }
    </style>
  </head>

// Game setup
      function setup() {
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

player = {
          x: canvas.width / 2,
          y: canvas.height - 50,
          width: 30,
          height: 30,
          speed: 3
        };

// Generate flowers
        for (var i = 0; i < 5; i++) {
          flowers.push({
            x: Math.random() * (canvas.width - 30),
            y: Math.random() * (canvas.height - 100),
            width: 20,
            height: 20,
            collected: false
          });
        }

// Generate obstacles
        for (var j = 0; j < 3; j++) {
          obstacles.push({
            x: Math.random() * (canvas.width - 50),
            y: Math.random() * (canvas.height - 100),
            width: 40,
            height: 40
          });
        }

// Handle player movement
        document.addEventListener("keydown", function(event) {
          if (event.key === "ArrowUp") {
            player.y -= player.speed;
          } else if (event.key === "ArrowDown") {
            player.y += player.speed;
          } else if (event.key === "ArrowLeft") {
            player.x -= player.speed;
          } else if (event.key === "ArrowRight") {
            player.x += player.speed;
          }
        });

// Update game state and redraw every 10 milliseconds
        setInterval(function() {
          updateCanvas(context);
        }, 10);
      }

// Update game state and redraw
      function updateCanvas(context) {
        var canvas = context.canvas;

// Check for collision between player and flowers
        for (var i = 0; i < flowers.length; i++) {
          var flower = flowers[i];
          if (
            player.x < flower.x + flower.width &&
            player.x + player.width > flower.x &&
            player.y < flower.y + flower.height &&
            player.y + player.height > flower.y &&
            !flower.collected
          ) {
            flower.collected = true;
          }
        }

// Check for collision between player and obstacles
        for (var j = 0; j < obstacles.length; j++) {
          var obstacle = obstacles[j];
          if (
            player.x < obstacle.x + obstacle.width &&
            player.x + player.width > obstacle.x &&
            player.y < obstacle.y + obstacle.height &&
            player.y + player.height > obstacle.y
          ) {
            // Game over condition: Player collided with an obstacle
            alert("Someone doesn't want you to leave! Game over.");
            location.reload();
            return;
          }
        }

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

// Draw player
        context.fillStyle = "blue";
        context.fillRect(player.x, player.y, player.width, player.height);

// Draw flowers
        for (var k = 0; k < flowers.length; k++) {
          var flower = flowers[k];
          if (!flower.collected) {
            context.fillStyle = "yellow";
            context.fillRect(flower.x, flower.y, flower.width, flower.height);
          }
        }

// Draw obstacles
        context.fillStyle = "red";
        for (var l = 0; l < obstacles.length; l++) {
          var obstacle = obstacles[l];
          context.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
        }

// Check for game win condition
        if (flowers.every(function(flower) {
          return flower.collected;
        })) {
          // Game win condition: All flowers collected
          alert("Congratulations! You collected all the gifts for the villager and can now leave the village.");
          location.reload();
        }
      }

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