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

No:4637

2700

←

Prev Next

→

campfire (usually large, and for gathering and sin..ALL
Developer anonymous｜Date and time 70/1/1 9:38:54
Build time unknown sec｜Game capacity 2.334KB｜

Script

了解しました。以下は、キャンプファイヤーをゲームとして遊べるように部分的にゲーム化したプログラムの例です。

キャンプファイヤーゲーム

このプログラムでは、キャンプファイヤーの状態を表す変数`isFireBurning`を`false`で初期化しています。そして、クリックまたはタッチイベントが発生したときに`toggleFireState()`関数が呼び出され、`isFireBurning`の値を反転させてキャンプファイヤーの状態を切り替えます。`drawCampFire()`関数は、キャンプファイヤーの描画を行います。このプログラムを実行すると、スマホまたはPCでキャンプファイヤーの絵が表示されます。クリックまたはタッチすると、キャンプファイヤーの状態が切り替わり、炎が表示されるか消えるかが変化します。

←

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>

// ゲームの状態を表す変数
        let isFireBurning = false;

// キャンプファイヤーを描画するための関数
        function drawCampFire() {
            const canvas = document.getElementById('gameCanvas');
            const context = canvas.getContext('2d');

// キャンプファイヤーの描画
            context.clearRect(0, 0, canvas.width, canvas.height);
            if (isFireBurning) {
                context.fillStyle = "orange";
                context.beginPath();
                context.arc(canvas.width/2, canvas.height/2, 100, 0, Math.PI*2);
                context.closePath();
                context.fill();
            }
        }

// ゲームの状態を切り替える関数
        function toggleFireState() {
            isFireBurning = !isFireBurning;
            drawCampFire();
        }

// イベントリスナーを追加
        document.addEventListener('click', toggleFireState);
        document.addEventListener('touchstart', toggleFireState);

// ゲームの初期描画
        drawCampFire();
    </script>
</body>
</html>
```

このプログラムを実行すると、スマホまたはPCでキャンプファイヤーの絵が表示されます。クリックまたはタッチすると、キャンプファイヤーの状態が切り替わり、炎が表示されるか消えるかが変化します。