Make a gorilla tag game whare you can move's game

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

No:38574

←

Prev Next

→

Make a gorilla tag game whare you can move
Developer User17415｜Date and time 24/1/25 3:53:16
Build time 11.504 sec｜Game capacity 2.53KB｜

Script

Sure! Here's an example of a simple Gorilla Tag game implemented as a single HTML file using JavaScript:

In this game, you'll see a red square representing the gorilla on a game board. To move the gorilla, simply touch/swipe in the desired direction on your smartphone screen. The gorilla will move accordingly.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure! Here's an example of a simple Gorilla Tag game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Gorilla Tag Game</title>
  <style>
    #game-board {
      width: 400px;
      height: 400px;
      border: 1px solid black;
      position: relative;
    }
    #gorilla {
      width: 50px;
      height: 50px;
      background-color: #ff0000;
      position: absolute;
      top: 0;
      left: 0;
    }
  </style>
</head>
<body>
  <div id="game-board">
    <div id="gorilla"></div>
  </div>

// Initial position of the gorilla
    var posX = 0;
    var posY = 0;

// Move the gorilla
    function moveGorilla(direction) {
      switch (direction) {
        case "up":
          posY -= 10;
          break;
        case "down":
          posY += 10;
          break;
        case "left":
          posX -= 10;
          break;
        case "right":
          posX += 10;
          break;
      }

// Update the position of the gorilla
      gorilla.style.top = posY + "px";
      gorilla.style.left = posX + "px";
    }

// Handle touch events on the game board
    var gameBoard = document.getElementById("game-board");
    gameBoard.addEventListener("touchstart", function(event) {
      var touchX = event.touches[0].clientX;
      var touchY = event.touches[0].clientY;

if (touchX < posX || touchX > posX + gorilla.offsetWidth || touchY < posY || touchY > posY + gorilla.offsetHeight) {
        moveGorilla("up");
      } else {
        moveGorilla("down");
      }

event.preventDefault();
    });

gameBoard.addEventListener("touchmove", function(event) {
      var touchX = event.touches[0].clientX;
      var touchY = event.touches[0].clientY;

var diffX = touchX - posX;
      var diffY = touchY - posY;

if (Math.abs(diffX) > Math.abs(diffY)) {
        if (diffX > 0) {
          moveGorilla("right");
        } else {
          moveGorilla("left");
        }
      } else {
        if (diffY > 0) {
          moveGorilla("down");
        } else {
          moveGorilla("up");
        }
      }

event.preventDefault();
    });

// Start the game
    moveGorilla("down");
  </script>
</body>
</html>
```