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

No:26968

Sheep doing random stuff on the screen
Developer User13333｜Date and time 23/12/3 14:58:44
Build time 60.802 sec｜Game capacity 3.231KB｜

Script

Sure! Here's a simple game where you can control a sheep using smartphone operation. The sheep will randomly move around the screen, and your goal is to tap on it as many times as possible within a time limit. The sheep will change its behavior after a certain number of taps. Let's implement it as a single HTML file:

Sheep Game

Tap on the sheep as many times as possible within the time limit!

Score: 0

Time Left: 30

🐏

Save the above code as a `.html` file and open it in a web browser on your smartphone. You should see the sheep randomly moving around the screen. Tapping on the sheep will increase your score, and after a certain number of taps, the sheep's behavior will change. The game will end when the time runs out. Have fun playing the Sheep Game!

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Sheep Game</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
  </style>
</head>
<body>
  <script>
    // Sheep Game
    // Set the initial position of the sheep
    let sheepX = 50; 
    let sheepY = 50;
    
    // Set the initial score and time limit
    let score = 0;
    let timer = 30; // in seconds
    
    // Randomly move the sheep within the screen
    function moveSheep() {
      const screenWidth = window.innerWidth;
      const screenHeight = window.innerHeight;
      
      sheepX = Math.floor(Math.random() * screenWidth);
      sheepY = Math.floor(Math.random() * screenHeight);
      
      document.getElementById('sheep').style.transform = `translate(${sheepX}px, ${sheepY}px)`;
    }
    
    // Update the sheep's behavior after a certain number of taps
    function updateSheepBehavior() {
      const behaviorThreshold = 5; // Change behavior after 5 taps
      
      if (score >= behaviorThreshold) {
        // Change behavior
        document.getElementById('sheep').innerHTML = '🐑'; // Change pictogram
        document.getElementById('sheep').style.background = 'yellow'; // Change color
      }
      
      // Reset the timer and increase the score
      timer = 30;
      score++;
      document.getElementById('score').innerText = score;
    }
    
    // Update the timer and end the game if time runs out
    function updateTimer() {
      document.getElementById('timer').innerText = timer;
      
      if (timer <= 0) {
        // Game over
        document.getElementById('sheep').innerHTML = 'GAME OVER';
        document.removeEventListener('click', handleSheepClick);
      } else {
        timer--;
        setTimeout(updateTimer, 1000); // Update every second
      }
    }
    
    // Handle the click on the sheep
    function handleSheepClick() {
      moveSheep();
      updateSheepBehavior();
    }
    
    // Start the game
    function startGame() {
      moveSheep();
      updateTimer();
      document.getElementById('sheep').addEventListener('click', handleSheepClick);
    }
  </script>

<h1>Sheep Game</h1>
  <p>Tap on the sheep as many times as possible within the time limit!</p>
  <p>Score: <span id="score">0</span></p>
  <p>Time Left: <span id="timer">30</span></p>
  
  <div id="sheep" style="font-size: 100px; background: white; padding: 10px;">
    🐏
  </div>
  
  <script>
    startGame(); // Start the game when the page loads
  </script>
</body>
</html>
```

Have fun playing the Sheep Game!