The Run. You Are a Zebra, Watch Out for the Lion, The Elephant and The Giraffe Protects You, Find 10 Rocks to Win's game

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

No:35375

←

Prev Next

→

The Run. You Are a Zebra, Watch Out for the Lion, ..ALL
Developer User16498｜Date and time 24/1/14 9:22:23
Build time 12.554 sec｜Game capacity 3.538KB｜

Script

Sure! Here's a simple game implemented as a single HTML file with JavaScript. The game is designed for smartphone operation and uses pictograms.

🦓

Instructions on how to play: 1. Open a blank HTML file in a text editor. 2. Copy and paste the above code into the file. 3. Save the file with a ".html" extension (e.g., `game.html`). 4. Open the HTML file in a web browser on your smartphone. 5. Tap the screen to move the zebra around. 6. Avoid collision with the lion and elephant. 7. Collect all the rocks by moving over them to win the game. Enjoy playing "Run, Zebra, Run!" as a finished game!

←

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 with JavaScript. The game is designed for smartphone operation and uses pictograms.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Run, Zebra, Run!</title>
  <style>
    #game {
      width: 100vw;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 48px;
    }
  </style>
</head>
<body>
  <div id="game">🦓</div>

// Initialize game elements
    const zebra = document.getElementById('game');
    const lion = "🦁";
    const elephant = "🐘";
    const giraffe = "🦒";
    const rocks = Array.from({length: 10}, () => "🪨");

// Event listener for tapping the screen
    zebra.addEventListener('click', moveZebra);

// Move the zebra randomly and handle collisions
    function moveZebra() {
      const directions = ['up', 'down', 'left', 'right'];
      const randomDirection = directions[Math.floor(Math.random() * directions.length)];

switch (randomDirection) {
        case 'up':
          zebra.style.top = parseInt(zebra.style.top || "0") - 50 + "px";
          break;
        case 'down':
          zebra.style.top = parseInt(zebra.style.top || "0") + 50 + "px";
          break;
        case 'left':
          zebra.style.left = parseInt(zebra.style.left || "0") - 50 + "px";
          break;
        case 'right':
          zebra.style.left = parseInt(zebra.style.left || "0") + 50 + "px";
          break;
      }

handleCollisions();
    }

// Handle collisions with other animals or rocks
    function handleCollisions() {
      const zebraRect = zebra.getBoundingClientRect();

// Check for collision with lion
      const lionRect = document.elementFromPoint(zebraRect.x, zebraRect.y);
      if (lionRect.innerText === lion) {
        gameOver("Lion caught you! Game over.");
        return;
      }

// Check for collision with elephant
      const elephantRect = document.elementFromPoint(zebraRect.x + zebraRect.width, zebraRect.y + zebraRect.height);
      if (elephantRect.innerText === elephant) {
        gameOver("Elephant bumped into you! Game over.");
        return;
      }

// Check if zebra collected a rock
      const rockRects = rocks.map(rock => document.elementFromPoint(
        zebraRect.x + Math.floor(Math.random() * zebraRect.width),
        zebraRect.y + Math.floor(Math.random() * zebraRect.height)
      ));
      rockRects.forEach((rockRect, index) => {
        if (rockRect.innerText === rocks[index]) {
          rockRect.style.opacity = 0;
          rocksCollected++;
        }
      });

// Check if zebra collected all rocks
      if (rocksCollected === rocks.length) {
        gameOver("Congratulations! You collected all the rocks. You win!");
      }
    }

// Display game over message and remove event listener
    function gameOver(message) {
      alert(message);
      zebra.removeEventListener('click', moveZebra);
    }
  </script>
</body>
</html>
```

Instructions on how to play:
1. Open a blank HTML file in a text editor.
2. Copy and paste the above code into the file.
3. Save the file with a ".html" extension (e.g., `game.html`).
4. Open the HTML file in a web browser on your smartphone.
5. Tap the screen to move the zebra around.
6. Avoid collision with the lion and elephant.
7. Collect all the rocks by moving over them to win the game.

Enjoy playing "Run, Zebra, Run!" as a finished game!