AI game creator

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

No:7158

1854

←

Prev Next

→

Oedo Rocket
Developer anonymous｜Date and time 70/1/1 9:30:53
Build time unknown sec｜Game capacity 1.853KB｜

Script

了解しました。下記に、大江戸ロケットというシンプルなゲームを作成するためのプログラムを示します。

🚀

このプログラムでは、大江戸ロケットの絵文字を表示し、ボタンをクリックすることでロケットを発射します。ロケットはアニメーションで上に上昇し、画面の上部に達した際に宇宙まで飛んだメッセージが表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解しました。下記に、大江戸ロケットというシンプルなゲームを作成するためのプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>大江戸ロケット</title>
    <style>
        #rocket {
            font-size: 50px;
        }

#launch-button {
            font-size: 30px;
            padding: 10px 20px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div>
        <span id="rocket">🚀</span>
    </div>
    <button id="launch-button">発射する</button>

// ボタンをクリックしたときにロケットを発射する関数
        function launchRocket() {
            var rocket = document.getElementById("rocket");
            rocket.style.position = "absolute";

// ロケットのアニメーション
            var id = setInterval(frame, 10);
            function frame() {
                if (y >= 400) {
                    clearInterval(id);
                    rocket.style.display = "none";
                    alert("大江戸ロケットが宇宙まで飛びました！");
                } else {
                    y += 2;
                    rocket.style.top = y + "px";
                }
            }
        }

var launchButton = document.getElementById("launch-button");
        launchButton.addEventListener("click", launchRocket);
    </script>
</body>
</html>
```