2D game where AI staickmans fight . Phisics's game

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

No:15938

146

←

Prev Next

→

2D game where AI staickmans fight . Phisics
Developer User7005｜Date and time 23/9/14 0:44:36
Build time 42.746 sec｜Game capacity 3.46KB｜

Script

Sure! Here's an example of a simple 2D game where stickman AI characters fight each other using JavaScript and HTML. The game will be playable in a browser, allowing for smartphone operation. Please note that the game below serves as a basic starting point, and you can customize and enhance it as per your requirements.

This game includes two stickmen, one controlled by the player and the other controlled by the AI. Each stickman can move up and down using the Arrow Up and Arrow Down keys on your smartphone's virtual keyboard. The stickmen are drawn as simple rectangles, but you can replace them with pictograms or more intricate animations as per your requirement. The game will run until one of the stickmen reaches the edge of the canvas or until manually stopped.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Stickman AI Fighter</title>
  <style>
    #gameCanvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="200"></canvas>

// AI Stickman Object
    var aiStickman = {
      x: canvas.width - stickmanSize - 10,
      y: canvas.height / 2 - stickmanSize / 2,
      speedY: 0,
      alive: true
    };

// Player Stickman Object
    var playerStickman = {
      x: 10,
      y: canvas.height / 2 - stickmanSize / 2,
      speedY: 0,
      alive: true
    };

// Keyboard Controls
    document.addEventListener("keydown", keyDownHandler);
    document.addEventListener("keyup", keyUpHandler);

function keyDownHandler(event) {
      if (event.key === "ArrowUp") {
        playerStickman.speedY = -stickmanSpeed;
      } else if (event.key === "ArrowDown") {
        playerStickman.speedY = stickmanSpeed;
      }
    }

function keyUpHandler(event) {
      if (event.key === "ArrowUp" || event.key === "ArrowDown") {
        playerStickman.speedY = 0;
      }
    }

// Game Loop
    function draw() {
      if (gameOver) return;

ctx.clearRect(0, 0, canvas.width, canvas.height);

updateStickman();

if (playerStickman.alive && aiStickman.alive) {
        drawStickman(playerStickman.x, playerStickman.y);
        drawStickman(aiStickman.x, aiStickman.y);
      } else {
        endGame();
      }

requestAnimationFrame(draw);
    }

// Update Stickman Positions
    function updateStickman() {
      // AI Stickman movement
      if (aiStickman.y < 0) {
        aiStickman.speedY = stickmanSpeed;
      } else if (aiStickman.y + stickmanSize > canvas.height) {
        aiStickman.speedY = -stickmanSpeed;
      }

aiStickman.y += aiStickman.speedY;

// Player Stickman movement
      playerStickman.y += playerStickman.speedY;
      playerStickman.y = Math.max(0, Math.min(playerStickman.y, canvas.height - stickmanSize));
    }

// Draw Stickman
    function drawStickman(x, y) {
      ctx.beginPath();
      ctx.rect(x, y, stickmanSize, stickmanSize);
      ctx.fillStyle = "black";
      ctx.fill();
      ctx.closePath();
    }

// Game Over
    function endGame() {
      gameOver = true;
      ctx.font = "30px Arial";
      ctx.fillText("GAME OVER", canvas.width / 2 - 90, canvas.height / 2);
    }

// Start Game
    draw();
  </script>
</body>
</html>
```