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

No:12253

173

←

Prev Next

→

DQNs River Runoff
Developer User1006｜Date and time 23/8/14 14:24:24
Build time 16.708 sec｜Game capacity 2.088KB｜

Script

わかりました、以下にHTMLファイルのプログラム例を示します。

川流れゲーム

このプログラムでは、川流れゲームを実装しています。HTMLファイル内に`
`タグでJavaScriptのコードを埋め込み、ゲームの動作を実現しています。スマホ操作に応じてボートを移動させることができます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

わかりました、以下にHTMLファイルのプログラム例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>川流れゲーム</title>
</head>
<body>
    <h1>川流れゲーム</h1>
    <div id="river"></div>
    <script>
        // 川の幅
        var riverWidth = 10;
        // ボートの位置
        var boatPos = 0;

// ゲームの初期化
        function initialize() {
            var riverDiv = document.getElementById("river");
            // 川の幅を設定
            riverDiv.style.width = riverWidth + "%";
            // ボートを表示
            updateBoat();
        }

// ボートを更新
        function updateBoat() {
            var riverDiv = document.getElementById("river");
            // ボートの位置に応じて絵文字を表示
            var boatEmoji = boatPos == 0 ? "🚤" : "🌊";
            riverDiv.innerHTML = boatEmoji;
        }

// 左に移動
        function moveLeft() {
            if (boatPos > 0) {
                boatPos--;
                updateBoat();
            }
        }

// 右に移動
        function moveRight() {
            if (boatPos < riverWidth - 1) {
                boatPos++;
                updateBoat();
            }
        }

// スマホのタップ判定を取得し、ボートを移動する
        document.addEventListener("touchstart", function(event) {
            var touchX = event.touches[0].clientX;
            var screenWidth = window.innerWidth;
            if (touchX < screenWidth / 2) {
                moveLeft();
            } else {
                moveRight();
            }
        });

// ゲームの初期化を行う
        initialize();
    </script>
</body>
</html>
```

このプログラムでは、川流れゲームを実装しています。HTMLファイル内に`<script>`タグでJavaScriptのコードを埋め込み、ゲームの動作を実現しています。スマホ操作に応じてボートを移動させることができます。