A game where u get chased around's game

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

No:19105

←

Prev Next

→

A game where u get chased around
Developer User8438｜Date and time 23/10/1 20:17:13
Build time 15.066 sec｜Game capacity 3.627KB｜

Script

Sure, here's an example of a simple game where you control a character being chased around the screen by enemies. The game will be playable on a smartphone and will use pictograms for the visuals.

This HTML file contains a basic game where you control a character represented by a running emoji (🏃). The character can be controlled by touching the screen on a smartphone. The objective is to avoid colliding with the enemies represented by different pictograms (👹, 👻, 🐉). If the character collides with any of the enemies, a "Game Over!" alert is shown, and the game restarts. This game can be played on a smartphone by opening the HTML file in a mobile browser.

←

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 game where you control a character being chased around the screen by enemies. The game will be playable on a smartphone and will use pictograms for the visuals.

```html
<!DOCTYPE html>
<html>
<head>
  <title>Chase Game</title>
  <style>
    canvas {
      border: 1px solid black;
      margin: 0 auto;
      display: block;
    }
  </style>
</head>
<body>
  <script>
    // Enclose the code within script tags
    document.addEventListener("DOMContentLoaded", function() {
    
      // Get the canvas element
      const canvas = document.createElement("canvas");
      const ctx = canvas.getContext("2d");
      document.body.appendChild(canvas);

// Set the canvas dimensions
      const screenWidth = window.innerWidth;
      const screenHeight = window.innerHeight;
      canvas.width = screenWidth;
      canvas.height = screenHeight;

// Define the character and enemy properties (represented by pictograms)
      const character = {
        image: "🏃",
        x: 50,
        y: 50,
        width: 30
      };

const enemies = [
        { image: "👹", x: 100, y: 100, width: 40 },
        { image: "👻", x: 200, y: 200, width: 35 },
        { image: "🐉", x: 300, y: 300, width: 50 }
      ];

// Function to draw characters on the canvas
      function drawCharacters() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        ctx.font = "30px Arial";
        ctx.fillText(character.image, character.x, character.y);

enemies.forEach(function(enemy) {
          ctx.font = "30px Arial";
          ctx.fillText(enemy.image, enemy.x, enemy.y);
        });
      }

// Function to update the game state
      function update() {
        // Update character position based on user input (touch)
        canvas.addEventListener("touchstart",function(event){
          const touchX = event.touches[0].clientX;
          const touchY = event.touches[0].clientY;
          character.x = touchX - character.width / 2;
          character.y = touchY - character.width / 2;
        });

drawCharacters();

// Check for collision between character and enemies
        const characterRect = {
          x: character.x,
          y: character.y,
          width: character.width,
          height: character.width
        };

enemies.forEach(function(enemy) {
          const enemyRect = {
            x: enemy.x,
            y: enemy.y,
            width: enemy.width,
            height: enemy.width
          };

if (checkCollision(characterRect, enemyRect)) {
            alert("Game Over!");
            location.reload(); // Restart the game
          }
        });

requestAnimationFrame(update);
      }

// Function to check collision between two rectangles
      function checkCollision(rect1, rect2) {
        return (
          rect1.x < rect2.x + rect2.width &&
          rect1.x + rect1.width > rect2.x &&
          rect1.y < rect2.y + rect2.height &&
          rect1.y + rect1.width > rect2.y
        );
      }

// Start the game
      update();

});
  </script>
</body>
</html>
```

This HTML file contains a basic game where you control a character represented by a running emoji (🏃). The character can be controlled by touching the screen on a smartphone. The objective is to avoid colliding with the enemies represented by different pictograms (👹, 👻, 🐉).

If the character collides with any of the enemies, a "Game Over!" alert is shown, and the game restarts. This game can be played on a smartphone by opening the HTML file in a mobile browser.