The moon is beautiful.'s game

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

No:11139

131

←

Prev Next

→

The moon is beautiful.
Developer User1006｜Date and time 23/8/8 2:28:08
Build time 24.806 sec｜Game capacity 2.317KB｜

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>
    <canvas id="gameCanvas" width="400" height="400" style="border:1px solid black;"></canvas>

// プレイヤーの座標
        let playerX = canvas.width / 2;
        let playerY = canvas.height / 2;

// キーの状態を表すオブジェクト
        const keyState = {};

// キーが押されたときの処理
        window.addEventListener("keydown", function(event) {
            keyState[event.keyCode] = true;
        });

// キーが離されたときの処理
        window.addEventListener("keyup", function(event) {
            keyState[event.keyCode] = false;
        });

// ゲームループ
        function gameLoop() {
            // キーの状態に応じてプレイヤーの座標を更新
            if (keyState[37]) { // 左キー
                playerX -= 5;
            }
            if (keyState[38]) { // 上キー
                playerY -= 5;
            }
            if (keyState[39]) { // 右キー
                playerX += 5;
            }
            if (keyState[40]) { // 下キー
                playerY += 5;
            }

// キャンバスをクリア
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// プレイヤーを描画
            ctx.font = "32px serif";
            ctx.fillText("🌙", playerX, playerY);

// ゲームループを再実行
            requestAnimationFrame(gameLoop);
        };

// ゲームを開始
        gameLoop();
    </script>
</body>
</html>
```

このプログラムは、キーボードの矢印キーで操作可能なシンプルなゲームです。プレイヤーは月の絵文字で表され、キー操作に応じて移動します。操作はスマホでも可能です。

月が綺麗ですねと表示され、ゲームが開始されます。キー操作に応じて月が移動し、スマホでも遊ぶことができます。