AI game creator

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

No:9413

147

←

Prev Next

→

space pirate
Developer User4337｜Date and time 23/7/24 16:13:37
Build time 17.219 sec｜Game capacity 1.553KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>宇宙海賊</title>
</head>
<body>
  <canvas id="game" width="800" height="600"></canvas>

// 宇宙海賊クラス
    class SpacePirate {
      constructor(x, y) {
        this.x = x;
        this.y = y;
        this.size = 20;
      }

draw() {
        ctx.fillStyle = "yellow";
        ctx.beginPath();
        ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);
        ctx.closePath();
        ctx.fill();
      }

moveUp() {
        this.y -= 10;
      }

moveDown() {
        this.y += 10;
      }

moveLeft() {
        this.x -= 10;
      }

moveRight() {
        this.x += 10;
      }
    }

// 初期化
    let player = new SpacePirate(canvas.width / 2, canvas.height / 2);

// キーボード操作
    document.addEventListener("keydown", function(event) {
      switch(event.key) {
        case "ArrowUp":
          player.moveUp();
          break;
        case "ArrowDown":
          player.moveDown();
          break;
        case "ArrowLeft":
          player.moveLeft();
          break;
        case "ArrowRight":
          player.moveRight();
          break;
      }
    });

// メインループ
    function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      player.draw();
      requestAnimationFrame(gameLoop);
    }

// ゲーム開始
    gameLoop();
  </script>
</body>
</html>