The Run. You Are a Sheep, Watch Out for the Sheepdog, Find 13 Grass, The Cow and The Horse will Protect You's game

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

No:35387

←

Prev Next

→

The Run. You Are a Sheep, Watch Out for the Sheepd..ALL
Developer User16498｜Date and time 24/1/14 9:32:42
Build time 14.806 sec｜Game capacity 4.473KB｜

Script

Sure! Here's a simple game implemented as a single HTML file that you can play on your smartphone. It uses pictograms and JavaScript for the game logic.

Swipe left or right to move the sheep

Grass found: 0/13

To play the game, save the code into an HTML file and open it in your smartphone's browser. You'll see a sheep on the canvas, and you can swipe left or right to control the sheep's movement. The goal is to collect all 13 pieces of grass scattered around the screen, represented by the 🌱 icon. The score will be displayed, and if you collect all the grass, the game will end and display "You Win!". If you collide with the sheepdog (not included in the code), the game will end and display "Game Over!".

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a simple game implemented as a single HTML file that you can play on your smartphone. It uses pictograms and JavaScript for the game logic.

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>The Run – You Are a Sheep</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
    }
    #game-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
    }
    #instructions {
      font-size: 24px;
      margin-bottom: 20px;
    }
    #score {
      font-size: 16px;
    }
    #game-over {
      font-size: 32px;
      color: red;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="instructions">Swipe left or right to move the sheep</div>
    <div id="score">Grass found: 0/13</div>
    <canvas id="game-canvas" width="400" height="200"></canvas>
    <div id="game-over"></div>
  </div>

let gameStarted = false;
    let gameOver = false;
    let sheepX = gameCanvas.width / 2 - sheepWidth / 2;
    let sheepY = gameCanvas.height / 2 - sheepHeight / 2;
    let initialTouchX = null;

function moveSheepRight() {
      if (sheepX + sheepWidth < gameCanvas.width) {
        sheepX += 10;
      }
    }

function moveSheepLeft() {
      if (sheepX > 0) {
        sheepX -= 10;
      }
    }

function startGame() {
      gameStarted = true;
      document.removeEventListener('click', startGame);
      document.addEventListener('touchstart', handleSwipe);
      setInterval(checkCollision, 100);
      draw();
    }

sheepImage.onload = function () {
      document.addEventListener('click', startGame);
    };
  </script>
</body>
</html>
```