A 2d game where you run from black figures's game

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

No:41708

←

Prev Next

→

A 2d game where you run from black figures
Developer User18700｜Date and time 24/2/9 12:28:44
Build time 10.908 sec｜Game capacity 3.386KB｜

Script

Sure, I can help you with that. Here's an example of a simple 2D game where you run from black figures using JavaScript and HTML:

You can copy the above code into a single HTML file, and when you open that file in your smartphone's browser, you should see the game running. In the game, use the arrow keys to control the blue player, who needs to avoid black figures. If the player collides with any black figure, the game will be over, and you can restart it by reloading the page.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

Sure, I can help you with that. Here's an example of a simple 2D game where you run from black figures using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Escape the Figures</title>
  <style>
    body {
      margin: 0;
      padding: 0;
    }
    
    canvas {
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Player object
    const player = {
      x: 50,
      y: canvas.height / 2,
      width: 50,
      height: 50,
      color: 'blue',
      speed: 5
    };

// Black Figures
    const blackFigures = [];
    const spawnInterval = 2000; // time interval between new black figure spawns
    let lastSpawnTime = 0;

function spawnBlackFigure() {
      const blackFigure = {
        x: canvas.width,
        y: Math.random() * canvas.height,
        width: 50,
        height: 50,
        color: 'black',
        speed: Math.random() * 2 + 1 // random speed between 1 and 3
      };
      blackFigures.push(blackFigure);
    }

// Handle player movement
    function movePlayer(event) {
      if (event.key === 'ArrowUp' && player.y > 0) {
        player.y -= player.speed;
      } else if (event.key === 'ArrowDown' && player.y + player.height < canvas.height) {
        player.y += player.speed;
      }
    }

// Collision detection
    function detectCollision(rect1, rect2) {
      if (
        rect1.x < rect2.x + rect2.width &&
        rect1.x + rect1.width > rect2.x &&
        rect1.y < rect2.y + rect2.height &&
        rect1.y + rect1.height > rect2.y
      ) {
        return true;
      }
      return false;
    }

// Game loop
    function gameLoop(timestamp) {
      // Clear canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Update player position
      player.y += player.speed;

// Draw player
      context.fillStyle = player.color;
      context.fillRect(player.x, player.y, player.width, player.height);

// Draw black figures
      blackFigures.forEach((blackFigure) => {
        blackFigure.x -= blackFigure.speed;
        context.fillStyle = blackFigure.color;
        context.fillRect(blackFigure.x, blackFigure.y, blackFigure.width, blackFigure.height);

// Check for collision with player
        if (detectCollision(player, blackFigure)) {
          alert('Game Over!');
          location.reload(); // Restart game
        }
      });

// Spawn new black figures
      if (timestamp - lastSpawnTime > spawnInterval) {
        spawnBlackFigure();
        lastSpawnTime = timestamp;
      }

// Request animation frame
      requestAnimationFrame(gameLoop);
    }

// Event listeners
    window.addEventListener('keydown', movePlayer);

// Start the game
    requestAnimationFrame(gameLoop);
  </script>
</body>
</html>
```