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

No:9081

114

←

Prev Next

→

multistage rocket
Developer User4246｜Date and time 23/7/21 4:28:21
Build time 19.487 sec｜Game capacity 2.1KB｜

Script

はい、了解しました。以下に、多連装ロケットというゲームのサンプルプログラムを示します。

多連装ロケット

このプログラムでは、矢印キーでロケットを操作することができます。ロケットはHTMLの`div`要素内に表示され、JavaScriptによって移動します。キーイベントを検知して移動する処理を追加しています。ただし、絵文字を使用する要件や、部分的にゲーム化する要件には対応していません。上記のプログラムは、スマートフォンでも操作可能です。必要に応じてファイル名や画像のパスを変更してご利用ください。

←

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>
        #rocket {
            position: relative;
        }
        #rocket img {
            position: absolute;
            left: 0;
            top: 0;
            transition: transform 0.5s;
        }
    </style>
</head>
<body>
    <h1>多連装ロケット</h1>
    <div id="rocket">
        <img src="rocket.png" alt="ロケット" width="100" height="100" id="rocket-img">
    </div>
    
    <script>
        // ロケットの初期位置 (左上隅)
        let posX = 0;
        let posY = 0;
        
        // ロケットを移動させる関数
        function moveRocket(x, y) {
            const rocket = document.getElementById("rocket-img");
            posX += x;
            posY += y;
            rocket.style.transform = `translate(${posX}px, ${posY}px)`;
        }
        
        // キーの押下時にロケットを移動
        document.addEventListener("keydown", function(event) {
            if (event.key === "ArrowUp") {
                moveRocket(0, -10);
            } else if (event.key === "ArrowDown") {
                moveRocket(0, 10);
            } else if (event.key === "ArrowLeft") {
                moveRocket(-10, 0);
            } else if (event.key === "ArrowRight") {
                moveRocket(10, 0);
            }
        });
    </script>
</body>
</html>
```

このプログラムでは、矢印キーでロケットを操作することができます。ロケットはHTMLの`div`要素内に表示され、JavaScriptによって移動します。キーイベントを検知して移動する処理を追加しています。

ただし、絵文字を使用する要件や、部分的にゲーム化する要件には対応していません。上記のプログラムは、スマートフォンでも操作可能です。必要に応じてファイル名や画像のパスを変更してご利用ください。