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

No:9782

219

←

Prev Next

→

Ruler of the Black Flame🔥.
Developer User3788｜Date and time 23/7/27 14:51:11
Build time 23.512 sec｜Game capacity 2.995KB｜

Script

了解。以下に「黒炎の支配者」というゲームの実装例を示します。

黒炎の支配者

スコア: 0

上記のコードでは、「黒炎の支配者」というゲームを実装しています。ゲームのルールは、画面上にランダムな位置からファイアボール（🔥）が現れ、プレイヤーはファイアボールをクリックしてスコアを獲得するというものです。スタートボタンをクリックすると、スコアがリセットされてゲームがスタートします。ご参考までに、上記の実装を1枚のHTMLファイルとして提供しました。実際にブラウザで開いて遊んでみてください。なお、スマホの画面サイズを前提としてデザインしています。

←

Prev　Next

→ 　

Back　

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

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

了解。以下に「黒炎の支配者」というゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
<title>黒炎の支配者</title>
<style>
    body {
        background-color: #000000;
        color: #FFFFFF;
        font-size: 24px;
        text-align: center;
        padding-top: 20%;
    }
</style>
</head>
<body>
    <h1>黒炎の支配者</h1>
    <p id="score">スコア: 0</p>
    <button onclick="startGame()">スタート</button>

function startGame() {
            // ゲーム開始時の処理
            score = 0;
            updateScore();

// ファイアボールの生成と移動の処理を0.5秒間隔で呼び出す
            interval = setInterval(generateFireball, 500);
        }

function generateFireball() {
            // ランダムな位置にファイアボールを生成
            var x = Math.floor(Math.random() * window.innerWidth);
            var y = Math.floor(Math.random() * window.innerHeight);

// ファイアボールの要素を作成
            var fireball = document.createElement("span");
            fireball.innerHTML = "🔥";
            fireball.style.position = "absolute";
            fireball.style.left = x + "px";
            fireball.style.top = y + "px";

// ファイアボールの移動
            var moveInterval = setInterval(moveFireball, 50);
            function moveFireball() {
                y += 10;
                fireball.style.top = y + "px";

// ファイアボールが画面外に出たら削除
                if (y > window.innerHeight) {
                    clearInterval(moveInterval);
                    fireball.remove();
                }
            }

// ファイアボールクリック時のイベントハンドラを追加
            fireball.onclick = function() {
                score += 10;
                updateScore();
                fireball.remove();
            };

// ファイアボールを表示
            document.body.appendChild(fireball);
        }

function updateScore() {
            document.getElementById("score").innerHTML = "スコア: " + score;
        }
    </script>
</body>
</html>
```

上記のコードでは、「黒炎の支配者」というゲームを実装しています。ゲームのルールは、画面上にランダムな位置からファイアボール（🔥）が現れ、プレイヤーはファイアボールをクリックしてスコアを獲得するというものです。スタートボタンをクリックすると、スコアがリセットされてゲームがスタートします。

ご参考までに、上記の実装を1枚のHTMLファイルとして提供しました。実際にブラウザで開いて遊んでみてください。なお、スマホの画面サイズを前提としてデザインしています。