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

No:9524

184

←

Prev Next

→

swing-by
Developer User4369｜Date and time 23/7/26 0:05:52
Build time 18.849 sec｜Game capacity 1.815KB｜

Script

了解です。以下にスイングバイというゲームの実装例を示します。

スイングバイ

現在の位置: 0

このコードは、縦横100pxの黄色いゲームエリアに、赤いボールが表示されます。画面をタップするとボールが右に10px移動し、位置が表示されます。ボールは画面外に出ないように制御されています。このように実装することで、スイングバイというゲームが遊べるようになります。スマホで画面をタップして操作することを前提としています。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

了解です。
以下にスイングバイというゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>スイングバイ</title>
    <script>
        // 初期位置
        let position = 0;

// 移動の処理
        function move(direction) {
            position += direction;
            
            // 画面外に出ないようにする
            if (position < 0) {
                position = 0;
            } else if (position > 100) {
                position = 100;
            }
            
            // 位置を表示
            const display = document.getElementById("positionDisplay");
            display.textContent = position;
        }
    </script>
    <style>
        .gameArea {
            width: 100px;
            height: 100px;
            background-color: yellow;
            position: relative;
        }
        .ball {
            width: 20px;
            height: 20px;
            background-color: red;
            border-radius: 50%;
            position: absolute;
            top: 40px;
            left: 40px;
        }
    </style>
</head>
<body>
    <h1>スイングバイ</h1>
    <div class="gameArea" onclick="move(10)">
        <div class="ball"></div>
    </div>
    <p>現在の位置: <span id="positionDisplay">0</span></p>
</body>
</html>
```

このコードは、縦横100pxの黄色いゲームエリアに、赤いボールが表示されます。画面をタップするとボールが右に10px移動し、位置が表示されます。ボールは画面外に出ないように制御されています。

このように実装することで、スイングバイというゲームが遊べるようになります。スマホで画面をタップして操作することを前提としています。