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

No:50758

297

←

Prev Next

→

Gorilla tag 2D
Developer anonymous｜Date and time 24/3/9 14:07:20
Build time 1411 sec｜Game capacity 1.411KB｜

Script

Gorilla Tag 2D

This code sets up a simple 2D Gorilla Tag game where you can control the player using the arrow keys on your smartphone. The player is represented by a brown circle. Use the arrow keys to move the player around the canvas.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Gorilla Tag 2D</title>
  <style>
    body {
      text-align: center;
    }
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <h1>Gorilla Tag 2D</h1>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    const canvas = document.getElementById('gameCanvas');
    const ctx = canvas.getContext('2d');
    
    let playerX = 200;
    let playerY = 200;
    
    function drawPlayer() {
      ctx.beginPath();
      ctx.arc(playerX, playerY, 20, 0, Math.PI * 2);
      ctx.fillStyle = 'brown';
      ctx.fill();
      ctx.closePath();
    }
    
    function keyDownHandler(e) {
      if (e.key === 'ArrowLeft') {
        playerX -= 10;
      } else if (e.key === 'ArrowRight') {
        playerX += 10;
      } else if (e.key === 'ArrowUp') {
        playerY -= 10;
      } else if (e.key === 'ArrowDown') {
        playerY += 10;
      }
    }
    
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayer();
    }
    
    document.addEventListener('keydown', keyDownHandler);
    
    setInterval(gameLoop, 1000 / 60);
  </script>
</body>
</html>
```
This code sets up a simple 2D Gorilla Tag game where you can control the player using the arrow keys on your smartphone. The player is represented by a brown circle. Use the arrow keys to move the player around the canvas.