AI game creator

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

No:6599

←

Prev Next

→

Heian-kyo alien
Developer User3897｜Date and time 23/7/2 22:48:48
Build time 15.819 sec｜Game capacity 1.418KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
<title>平安京エイリアン</title>
</head>
<body>
<script>
  // HTML要素の取得
  const canvas = document.createElement('canvas');
  const context = canvas.getContext('2d');
  document.body.appendChild(canvas);
  canvas.width = window.innerWidth;
  canvas.height = window.innerHeight;
  canvas.style.background = "black";
  
  // プレイヤーの情報
  const player = {
    x: canvas.width / 2,
    y: canvas.height / 2,
    radius: 30,
    color: '👾'
  };
  
  // プレイヤーの描画
  function drawPlayer() {
    context.fillStyle = player.color;
    context.font = player.radius + 'px sans-serif';
    context.fillText(player.color, player.x - player.radius / 2, player.y + player.radius / 2);
  }
  
  // マウス座標の取得
  function getMousePos(event) {
    return {
      x: event.clientX,
      y: event.clientY
    };
  }
  
  // マウス移動イベントでプレイヤーを移動させる
  function movePlayer(event) {
    const mousePos = getMousePos(event);
    player.x = mousePos.x;
    player.y = mousePos.y;
  }
  
  // マウス移動イベントの登録
  canvas.addEventListener('mousemove', movePlayer);
  
  // ゲームループ
  function gameLoop() {
    context.clearRect(0, 0, canvas.width, canvas.height);
    drawPlayer();
    requestAnimationFrame(gameLoop);
  }
  
  // ゲーム開始
  gameLoop();
</script>
</body>
</html>