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

No:7109

1332

←

Prev Next

→

orichalcum
Developer User3964｜Date and time 23/7/5 13:21:59
Build time 15.317 sec｜Game capacity 2.829KB｜

Script

了解しました。以下はオリハルコンというゲームを実装した例です。

オリハルコン

スコア: 0

上記のコードは、オリハルコンというゲームを実装しています。オリハルコン(🔷)が表示されるたびにスコアが加算され、ユーザーがゲームを開始・停止できるようになっています。ゲームはスマートフォンからでもプレイ可能です。

←

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>
    <p id="score">スコア: 0</p>
    <canvas id="canvas" width="400" height="400" style="border:1px solid black;"></canvas>

// キャンバス要素とコンテキストの取得
        const canvas = document.getElementById("canvas");
        const ctx = canvas.getContext("2d");

// オリハルコンの描画
        function drawOrichalcum(x, y) {
            ctx.font = "48px serif";
            ctx.fillText("🔷", x, y);
        }

// ゲームのメインループ
        function gameLoop() {
            // キャンバスをクリア
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            // オリハルコンの座標をランダムに決定
            const x = Math.floor(Math.random() * (canvas.width - 40)) + 20;
            const y = Math.floor(Math.random() * (canvas.height - 40)) + 20;
            
            // オリハルコンを描画
            drawOrichalcum(x, y);

// スコアを更新
            score++;
            document.getElementById("score").textContent = "スコア: " + score;

// 1000ms 後に再度ゲームループを呼び出す
            if (gameRunning) {
                setTimeout(gameLoop, 1000);
            }
        }

// スタートボタンが押された時の処理
        function startGame() {
            if (!gameRunning) {
                gameRunning = true;
                gameLoop();
            }
        }

// ストップボタンが押された時の処理
        function stopGame() {
            gameRunning = false;
        }

// スタートボタンとストップボタンを作成
        const startButton = document.createElement("button");
        startButton.textContent = "スタート";
        startButton.addEventListener("click", startGame);

const stopButton = document.createElement("button");
        stopButton.textContent = "ストップ";
        stopButton.addEventListener("click", stopGame);

document.body.appendChild(startButton);
        document.body.appendChild(stopButton);
    </script>
</body>
</html>
```