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

No:8531

5508

←

Prev Next

→

Icarus! Wings stiffened with wax! Approaching the ..ALL
Developer User3589｜Date and time 23/7/16 19:00:23
Build time 16.022 sec｜Game capacity 1.75KB｜

Script

Icarus Game

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Icarus Game</title>
</head>
<body>
  <h1>Icarus Game</h1>
  <canvas id="gameCanvas" width="800" height="400"></canvas>

// イカロスの翼
    const wingsImage = new Image();
    wingsImage.src = "wings.png";

// ゲームループ
    function gameLoop() {
      context.clearRect(0, 0, canvas.width, canvas.height);

// イカロスの翼を描画
      context.drawImage(wingsImage, x, y);

// 重力による落下
      dy += gravity;
      y += dy;

// ロウの溶け出し
      waxLevel -= dy;

// ロウの溶け出し度合いを表示
      context.fillStyle = "black";
      context.font = "20px Arial";
      context.fillText("Wax: " + waxLevel.toFixed(0) + "%", 10, 30);

// ゲームオーバー判定
      if (waxLevel <= 0) {
        gameOver();
      } else {
        requestAnimationFrame(gameLoop);
      }
    }

// ゲームスタート
    function startGame() {
      document.addEventListener("click", flyUp);
      gameLoop();
    }

// ゲームオーバー
    function gameOver() {
      document.removeEventListener("click", flyUp);
      context.clearRect(0, 0, canvas.width, canvas.height);
      context.fillStyle = "red";
      context.font = "50px Arial";
      context.fillText("Game Over", canvas.width / 2 - 120, canvas.height / 2);
    }

// クリックで上昇
    function flyUp() {
      dy = -5;
    }

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