Beyond Icarus! Fly on wings of wax! Fly with a series of button presses! Speak and crash! Simple! Leave a high score!'s game

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

No:4859

3276

←

Prev Next

→

Beyond Icarus! Fly on wings of wax! Fly with a ser..ALL
Developer User3589｜Date and time 23/6/28 22:56:23
Build time 30.056 sec｜Game capacity 2.825KB｜

Script

了解しました！「蝋の翼で飛ぶ」というシンプルなゲームを作ります。ボタンを連打して、イカロスを飛ばしましょう。ただし、連打しすぎると墜落してしまいます。ハイスコアを記録して、上回ることができるか挑戦しましょう！以下が、実際のプログラムです。

このプログラムは、指定のボタンをクリックしていくことでイカロスを飛ばすゲームです。クリックするたびにスコアが増え、ランダムなタイミングで墜落してしまいます。ハイスコアはアラートで表示されます。ご参考までに、上記のプログラムを1枚のHTMLファイルとして保存し、ウェブブラウザで開くとゲームを遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

了解しました！「蝋の翼で飛ぶ」というシンプルなゲームを作ります。ボタンを連打して、イカロスを飛ばしましょう。ただし、連打しすぎると墜落してしまいます。ハイスコアを記録して、上回ることができるか挑戦しましょう！

以下が、実際のプログラムです。

```html
<!DOCTYPE html>
<html>
<head>
    <title>蝋の翼で飛ぶ</title>
    <style>
        .container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh;
            background-color: #f5f5f5;
        }
        .button {
            padding: 15px 30px;
            font-size: 24px;
            background-color: #3498db;
            color: #fff;
            border-radius: 10px;
            cursor: pointer;
            user-select: none;
        }
        .score {
            font-size: 48px;
            margin-bottom: 20px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="score">0</div>
        <button id="flyButton" class="button">蝋の翼で飛ぶ！</button>
    </div>

var score = 0;
        var maxScore = 0;
        var flying = false;

flyButton.addEventListener("click", function() {
            if (!flying) {
                flying = true;
                score = 0;
                scoreDisplay.textContent = score;
                flyButton.textContent = "飛んでいます！";
                fly();
            }
            else {
                score++;
                scoreDisplay.textContent = score;
            }
        });

function fly() {
            var timer = setInterval(function() {
                if (score >= maxScore) {
                    maxScore = score;
                }

if (Math.random() < 0.5) {
                    clearInterval(timer);
                    flying = false;
                    flyButton.textContent = "蝋の翼で飛ぶ！";
                    alert("イカロスは墜落しました！\nハイスコア: " + maxScore);
                }
            }, 1000);
        }
    </script>
</body>
</html>
```

このプログラムは、指定のボタンをクリックしていくことでイカロスを飛ばすゲームです。クリックするたびにスコアが増え、ランダムなタイミングで墜落してしまいます。ハイスコアはアラートで表示されます。

ご参考までに、上記のプログラムを1枚のHTMLファイルとして保存し、ウェブブラウザで開くとゲームを遊ぶことができます。