Player is a Sheep control it with arrows up to jump edit blocks:Ground's game

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

No:20822

←

Prev Next

→

Player is a Sheep control it with arrows up to jum..ALL
Developer User9100｜Date and time 23/10/11 7:17:49
Build time 92.832 sec｜Game capacity 2.924KB｜

Script

Sure, here is an example of a simple game that meets your requirements:

In this game, the player controls a sheep using the up arrow key to make it jump. The goal is to avoid colliding with the ground blocks. If the sheep collides with a block, the game ends, and an alert is shown with an option to restart the game. To represent the sheep, you can use an image file named "emozi_himawari.png" and make sure it is in the same directory as the HTML file. Alternatively, you can replace the image source and styling with a pictogram of your choice. The ground blocks are represented as black rectangles on the bottom of the screen. Feel free to customize and enhance the game as per your requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure, here is an example of a simple game that meets your requirements:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Sheep Game</title>
  <style>
    #sheep {
      position: absolute;
      top: 0;
      left: 0;
    }

.block {
      position: absolute;
      bottom: 0;
      width: 100px;
      height: 20px;
      background-color: black;
    }
  </style>
</head>
<body>
  <script>
    // Game variables
    var sheep;
    var blocks = [];
    var gameLoop;

// Initialize the game
    function init() {
      // Create the sheep
      sheep = document.createElement('img');
      sheep.src = 'sheep.png';
      sheep.style.width = '50px';
      document.body.appendChild(sheep);

// Create the ground
      createBlock(0, window.innerHeight - 20, window.innerWidth);

// Start the game loop
      gameLoop = setInterval(updateGame, 10);
    }

// Create a block
    function createBlock(x, y, width) {
      var block = document.createElement('div');
      block.className = 'block';
      block.style.left = x + 'px';
      block.style.bottom = y + 'px';
      block.style.width = width + 'px';
      document.body.appendChild(block);
      blocks.push(block);
    }

// Update the game state
    function updateGame() {
      // Move the sheep
      if (sheep.offsetTop < window.innerHeight - 70) {
        sheep.style.top = (sheep.offsetTop + 1) + 'px';
      }

// Check for collisions
      for (var i = 0; i < blocks.length; i++) {
        var block = blocks[i];
        if (sheep.offsetTop + 50 >= parseInt(block.style.bottom) &&
            sheep.offsetTop <= parseInt(block.style.bottom) + 20 &&
            sheep.offsetLeft + 50 >= parseInt(block.style.left) &&
            sheep.offsetLeft <= parseInt(block.style.left) + parseInt(block.style.width)) {
          // Game over
          clearInterval(gameLoop);
          alert('Game Over! Press OK to restart.');
          location.reload();
        }
      }
    }

// Handle key presses
    document.onkeydown = function(event) {
      var keyCode = event.keyCode;
      if (keyCode === 38) { // Up arrow
        if (sheep.offsetTop >= 50) {
          sheep.style.top = (sheep.offsetTop - 50) + 'px';
        }
      }
    }

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

In this game, the player controls a sheep using the up arrow key to make it jump. The goal is to avoid colliding with the ground blocks. If the sheep collides with a block, the game ends, and an alert is shown with an option to restart the game.

To represent the sheep, you can use an image file named "sheep.png" and make sure it is in the same directory as the HTML file. Alternatively, you can replace the image source and styling with a pictogram of your choice. The ground blocks are represented as black rectangles on the bottom of the screen.

Feel free to customize and enhance the game as per your requirements.