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

No:19786

←

Prev Next

→

すごろく
Developer バファリンヌ｜Date and time 23/10/6 21:28:28
Build time 15.094 sec｜Game capacity 2.274KB｜

Script

了解しました。以下にサイコロを振って進むすごろくゲームのプログラムを示します。

すごろくゲーム

このプログラムでは、サイコロを振るたびにランダムな目を表示し、プレイヤーの位置を進めてボード上で移動します。ゴールに到達するとアラートが表示され、「ゴールしました！」とメッセージが表示されます。スマートフォンでプレイする場合は、ボタンをタップしてサイコロを振ることができます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下にサイコロを振って進むすごろくゲームのプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>すごろくゲーム</title>
</head>
<body>
    <h1>すごろくゲーム</h1>
    <div id="board">
        <div id="player"></div>
    </div>
    <button onclick="rollDice()">サイコロを振る</button>

function rollDice() {
            var diceNumber = Math.floor(Math.random() * 6) + 1; // 1から6のランダムな数を得る
            var player = document.getElementById("player");

// サイコロの目の絵文字を表示
            switch (diceNumber) {
                case 1:
                    player.innerHTML = "🎲";
                    break;
                case 2:
                    player.innerHTML = "🎯";
                    break;
                case 3:
                    player.innerHTML = "🀄";
                    break;
                case 4:
                    player.innerHTML = "🎴";
                    break;
                case 5:
                    player.innerHTML = "🎰";
                    break;
                case 6:
                    player.innerHTML = "🀽";
                    break;
            }

// プレイヤーの位置を更新して表示
            currentPosition += diceNumber;
            if (currentPosition >= boardSize) {
                currentPosition = boardSize - 1; // ゴールを超えて進まないようにする
                alert("ゴールしました！");
            }
            player.style.marginLeft = currentPosition * 50 + "px";
        }
    </script>
</body>
</html>
```