Make a gorilla tag fan game's game

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

No:8462

2979

←

Prev Next

→

Make a gorilla tag fan game
Developer User4195｜Date and time 23/7/16 7:53:35
Build time 27.902 sec｜Game capacity 3.617KB｜

Script

Sure! Here's a simple Gorilla Tag fan game implemented as a single HTML file using JavaScript. Since pictograms aren't supported in text-based responses, I'll provide a playable sample game instead.

This game sets up a simple scenario where you control a red player (represented as a red circle) using the arrow keys on your smartphone. The goal is to catch the yellow banana (represented as a yellow circle) by colliding with it. When the banana is caught, an alert message will appear, and the game can be reset to play again. Simply copy the above code into a single HTML file and open it in a web browser to play the game.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure! Here's a simple Gorilla Tag fan game implemented as a single HTML file using JavaScript. Since pictograms aren't supported in text-based responses, I'll provide a playable sample game instead.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Gorilla Tag Fan Game</title>
  <style>
    body {
      margin: 0;
      padding: 0;
    }
    #game-container {
      width: 100vw;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #f1f1f1;
    }
    #player {
      position: absolute;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: red;
    }
    #banana {
      position: absolute;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: yellow;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="player"></div>
    <div id="banana"></div>
  </div>

// Set initial positions
    player.style.left = playerX + 'px';
    player.style.top = playerY + 'px';
    banana.style.left = bananaX + 'px';
    banana.style.top = bananaY + 'px';

// Function to move the player
    function movePlayer(x, y) {
      playerX += x;
      playerY += y;

// Restrict player movement within the game container
      if (playerX < 0) playerX = 0;
      if (playerX > containerWidth) playerX = containerWidth;
      if (playerY < 0) playerY = 0;
      if (playerY > containerHeight) playerY = containerHeight;

// Update player position
      player.style.left = playerX + 'px';
      player.style.top = playerY + 'px';

// Check for collision with the banana
      if (
        Math.abs(playerX - bananaX) <= 20 &&
        Math.abs(playerY - bananaY) <= 20
      ) {
        alert('You caught the banana! Play again?');
        resetGame();
      }
    }

// Function to reset the game
    function resetGame() {
      playerX = containerWidth / 2;
      playerY = containerHeight / 2;
      bananaX = Math.random() * containerWidth;
      bananaY = Math.random() * containerHeight;
      player.style.left = playerX + 'px';
      player.style.top = playerY + 'px';
      banana.style.left = bananaX + 'px';
      banana.style.top = bananaY + 'px';
    }

// Handle keyboard input
    document.addEventListener('keydown', function(event) {
      var key = event.key;
      switch (key) {
        case 'ArrowUp':
          movePlayer(0, -10);
          break;
        case 'ArrowDown':
          movePlayer(0, 10);
          break;
        case 'ArrowLeft':
          movePlayer(-10, 0);
          break;
        case 'ArrowRight':
          movePlayer(10, 0);
          break;
      }
    });
  </script>
</body>
</html>
```