Don't get found and captured by the enemy.'s game

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

No:34381

136

←

Prev Next

→

Don't get found and captured by the enemy.
Developer User16231｜Date and time 24/1/10 6:33:36
Build time 9.821 sec｜Game capacity 2.471KB｜

Script

Sure, here's an example of a simple game implemented in a single HTML file, using JavaScript and enclosed in script tags. This game assumes smartphone operation and uses pictograms. The objective is to avoid getting found and captured by the enemy:

This game creates a simple canvas with a player (represented by a blue rectangular pictogram) and an enemy (represented by a red rectangular pictogram). The player can be moved using touch controls on a smartphone to avoid colliding with the enemy. If the player gets caught, a game over alert is shown. The game can be played by opening the HTML file in a web browser on a smartphone.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Escape Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    // Setup canvas and context
    const canvas = document.getElementById("gameCanvas");
    const context = canvas.getContext("2d");

// Player position and speed
    let playerX = canvas.width / 2;
    let playerY = canvas.height - 50;
    let playerSpeed = 5;

// Enemy position and speed
    let enemyX = Math.random() * (canvas.width - 50);
    let enemyY = Math.random() * (canvas.height - 50);
    let enemySpeed = 2;
  
    // Handle touch controls
    canvas.addEventListener("touchmove", function(event) {
      playerX = event.touches[0].clientX - canvas.offsetLeft;
      playerY = event.touches[0].clientY - canvas.offsetTop;
    });

// Update game logic
    function update() {
      // Clear canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Move player
      playerX += playerSpeed;
  
      // Move enemy
      enemyY += enemySpeed;

// Check collision
      if (playerX > enemyX && playerX < enemyX + 50 && playerY > enemyY && playerY < enemyY + 50) {
        alert("Game Over! You got caught by the enemy.");
        resetGame();
      }

// Draw player and enemy
      context.fillStyle = "blue";
      context.fillRect(playerX, playerY, 50, 50);

context.fillStyle = "red";
      context.fillRect(enemyX, enemyY, 50, 50);

// Request next animation frame
      requestAnimationFrame(update);
    }

// Reset game
    function resetGame() {
      playerX = canvas.width / 2;
      playerY = canvas.height - 50;
      enemyX = Math.random() * (canvas.width - 50);
      enemyY = Math.random() * (canvas.height - 50);
    }
  
    // Start game
    update();
  </script>
</body>
</html>
```