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

No:25378

114

←

Prev Next

→

Gorilla tag horror game
Developer User12408｜Date and time 23/11/21 2:07:38
Build time 41.944 sec｜Game capacity 2.146KB｜

Script

Sure, here's an example of a simple Gorilla Tag horror game implemented as a single HTML file:

Gorilla Tag Horror Game

Can you escape the horror?

In this game, you'll see a Gorilla and a Horror image. The goal is to click on the Gorilla to escape from the Horror. When you click on the Gorilla, you'll receive a congratulations message. However, if you accidentally click on the Horror, you'll get a game over message. The Horror image's position is random on each reload thanks to the `getRandomPosition()` function.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's an example of a simple Gorilla Tag horror game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>

<head>
  <title>Gorilla Tag Horror Game</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }

#game {
      margin-top: 100px;
    }

#instructions {
      font-weight: bold;
      margin-bottom: 20px;
    }
  </style>
</head>

<body>
  <div id="game">
    <h1>Gorilla Tag Horror Game</h1>
    <p id="instructions">Can you escape the horror?</p>
    <img src="gorilla.png" alt="Gorilla" id="gorilla" width="100" height="100">
    <img src="horror.png" alt="Horror" id="horror" width="100" height="100">
  </div>

function getRandomPosition() {
        var containerWidth = document.getElementById('game').clientWidth;
        var containerHeight = document.getElementById('game').clientHeight;

var xPos = Math.floor(Math.random() * (containerWidth - gorilla.width));
        var yPos = Math.floor(Math.random() * (containerHeight - gorilla.height));

return { x: xPos, y: yPos };
      }

function moveHorror() {
        var position = getRandomPosition();
        horror.style.left = position.x + 'px';
        horror.style.top = position.y + 'px';
      }

moveHorror(); // Initial position

gorilla.addEventListener('click', function () {
        alert('Congratulations! You escaped the horror!');
      });

horror.addEventListener('click', function () {
        alert('Game over! The horror got you!');
      });
    });
  </script>
</body>

</html>
```