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

No:15661

121

←

Prev Next

→

細かい月の満ち欠け
Developer User6722｜Date and time 23/9/10 15:10:47
Build time 17.951 sec｜Game capacity 2.241KB｜

Script

のアニメーションを作成するゲームを実装します。以下がHTMLとJavaScriptのコードです。

Moon Phase Game

月の満ち欠けを合わせてください。

🌑

このゲームでは、月の満ち具合を表す絵文字が表示されます。初期状態では🌑（新月）が表示されています。ボタンをクリックすると、次の満ち具合に進みます。絵文字は🌒（三日月）、🌓（半月上弦）、🌔（三日月月）、🌕（満月）、🌖（三日月月）、🌗（半月下弦）、🌘（三日月月）の順番で表示されます。実行すると、満ち具合が進むたびに月の絵文字が変化し、遊ぶことができます。スマートフォンを操作することも可能です。

←

Prev　Next

→ 　

Back　

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

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

のアニメーションを作成するゲームを実装します。以下がHTMLとJavaScriptのコードです。

```html
<!DOCTYPE html>
<html>
<head>
    <title>Moon Phase Game</title>
    <style>
        #moon {
            font-size: 100px;
        }
    </style>
</head>
<body>
    <h1>Moon Phase Game</h1>
    <p>月の満ち欠けを合わせてください。</p>
    <p id="moon">🌑</p>
    <button onclick="changePhase()">次の満ち具合に進む</button>

function changePhase() {
            const moon = document.getElementById("moon");
            
            // ステータスを更新
            phase = (phase + 1) % 8;

// 満ち具合に応じた絵文字を表示
            switch (phase) {
                case 0:
                    moon.innerText = "🌑";
                    break;
                case 1:
                    moon.innerText = "🌒";
                    break;
                case 2:
                    moon.innerText = "🌓";
                    break;
                case 3:
                    moon.innerText = "🌔";
                    break;
                case 4:
                    moon.innerText = "🌕";
                    break;
                case 5:
                    moon.innerText = "🌖";
                    break;
                case 6:
                    moon.innerText = "🌗";
                    break;
                case 7:
                    moon.innerText = "🌘";
                    break;
            }
        }
    </script>
</body>
</html>
```

このゲームでは、月の満ち具合を表す絵文字が表示されます。初期状態では🌑（新月）が表示されています。ボタンをクリックすると、次の満ち具合に進みます。絵文字は🌒（三日月）、🌓（半月上弦）、🌔（三日月月）、🌕（満月）、🌖（三日月月）、🌗（半月下弦）、🌘（三日月月）の順番で表示されます。

実行すると、満ち具合が進むたびに月の絵文字が変化し、遊ぶことができます。スマートフォンを操作することも可能です。