AI game creator

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

No:45366

←

Prev Next

→

0>Stickman
Developer WinnerWiener1332｜Date and time 24/2/20 13:51:34
Build time 7.352 sec｜Game capacity 1.484KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Stickman Game</title>
</head>
<body>
  <canvas id="stickmanCanvas" width="400" height="400"></canvas>

let stickmanX = 200;
    let stickmanY = 350;

function drawStickman() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.fillStyle = 'black';
      ctx.beginPath();
      ctx.arc(stickmanX, stickmanY, 20, 0, Math.PI * 2);
      ctx.fill();
      ctx.moveTo(stickmanX, stickmanY + 20);
      ctx.lineTo(stickmanX, stickmanY + 70);
      ctx.lineTo(stickmanX - 30, stickmanY + 100);
      ctx.moveTo(stickmanX, stickmanY + 70);
      ctx.lineTo(stickmanX + 30, stickmanY + 100);
      ctx.moveTo(stickmanX, stickmanY + 40);
      ctx.lineTo(stickmanX - 20, stickmanY + 60);
      ctx.moveTo(stickmanX, stickmanY + 40);
      ctx.lineTo(stickmanX + 20, stickmanY + 60);
      ctx.stroke();
    }

function moveLeft() {
      stickmanX -= 5;
      if (stickmanX < 0) stickmanX = 0;
      drawStickman();
    }

function moveRight() {
      stickmanX += 5;
      if (stickmanX > canvas.width) stickmanX = canvas.width;
      drawStickman();
    }

document.addEventListener('keydown', function(event) {
      if (event.key === 'ArrowLeft') {
        moveLeft();
      } else if (event.key === 'ArrowRight') {
        moveRight();
      }
    });

drawStickman();
  </script>
</body>
</html>