Encompassed he sieve's game

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

No:8334

1848

←

Prev Next

→

Encompassed he sieve
Developer User4171｜Date and time 23/7/15 8:54:29
Build time 21.703 sec｜Game capacity 3.126KB｜

Script

Sure! Here's a simple game that follows the rules you mentioned. In this game, the player needs to use a sieve to separate different objects as they fall from the top of the screen.

To play the game, you can copy the above code and save it as a .html file. Then, open the file in a web browser (preferably on a smartphone for a better gaming experience), and you should see a canvas with a moving sieve and falling objects. Use the left and right arrow keys to move the sieve and try to catch as many falling objects as possible! Note: The game code provided is a simple example and can be further improved and modified to add more features, levels, graphical elements, etc., based on your specific requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game that follows the rules you mentioned. In this game, the player needs to use a sieve to separate different objects as they fall from the top of the screen.

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Initialize the game
    function startGame() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");

sieveX = canvas.width / 2; // Starting position of the sieve
      sieveY = canvas.height - 30;

objects = []; // Array to store falling objects
      score = 0;
      gameInterval = setInterval(updateGame, 20);

document.addEventListener("keydown", moveSieve); // Register sieve movement with arrow keys
      drawSieve();
    }

// Update the game state
    function updateGame() {
      ctx.clearRect(0, 0, canvas.width, canvas.height); // Clear canvas
      drawSieve(); // Draw the sieve

// Check for collision between objects and sieve
      for (var i = 0; i < objects.length; i++) {
        if (objects[i].y + objects[i].height >= sieveY && objects[i].x >= sieveX - 20 && objects[i].x <= sieveX + 20) {
          objects.splice(i, 1); // Remove object when it reaches the sieve
          score++; // Increment score
        } else {
          objects[i].y += 2; // Move object down
          drawObject(objects[i]);  // Draw the object
        }
      }

// Generate a new falling object randomly
      if (Math.random() < 0.02) {
        var newObject = { x: Math.random() * canvas.width, y: 0, width: 20, height: 20 };
        objects.push(newObject);
      }

// Update score on screen
      ctx.fillStyle = "black";
      ctx.font = "20px Arial";
      ctx.fillText("Score: " + score, 10, 20);
    }

// Draw the sieve
    function drawSieve() {
      ctx.fillStyle = "blue";
      ctx.fillRect(sieveX - 20, sieveY, 40, 10);
    }

// Draw a falling object
    function drawObject(object) {
      ctx.fillStyle = "red";
      ctx.fillRect(object.x, object.y, object.width, object.height);
    }

// Move the sieve based on arrow key presses
    function moveSieve(event) {
      if (event.key === "ArrowLeft") {
        sieveX -= 10;
      } else if (event.key === "ArrowRight") {
        sieveX += 10;
      }
    }

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

Note: The game code provided is a simple example and can be further improved and modified to add more features, levels, graphical elements, etc., based on your specific requirements.