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

No:9491

145

←

Prev Next

→

falcon (esp. the peregrine falcon, Falco peregrinu..ALL
Developer User1006｜Date and time 23/7/25 16:28:55
Build time 37.002 sec｜Game capacity 4.013KB｜

Script

了解しました。以下にJavaScriptを使ったゲームの実装例を示します。

ハヤブサゲーム

ハヤブサを操作して空を飛びながら障害物を避けよう！

このコードは、簡単なハヤブサの操作ゲームを実装しています。矢印キーでハヤブサを操作し、画面内を飛び回ることができます。ハヤブサの位置情報はフレームごとに更新され、描画されます。ただし、絵文字の利用については環境によって表示されない場合がありますので、適切な画像を使用するなどの方法を検討してください。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下にJavaScriptを使ったゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>ハヤブサゲーム</title>
</head>
<body>
    <h1>ハヤブサゲーム</h1>
    <p>ハヤブサを操作して空を飛びながら障害物を避けよう！</p>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// ハヤブサの初期位置
        let x = canvas.width / 2;
        let y = canvas.height - 50;

// ハヤブサの移動速度
        let dx = 0;
        let dy = 0;

// ハヤブサのサイズ
        const hayabusaSize = 50;

// キーボードの押下状態を管理する変数
        let leftPressed = false;
        let rightPressed = false;
        let upPressed = false;
        let downPressed = false;

// キーボードのイベントリスナーを設定
        document.addEventListener("keydown", keyDownHandler, false);
        document.addEventListener("keyup", keyUpHandler, false);

function drawHayabusa() {
            // ハヤブサを描画
            ctx.beginPath();
            ctx.rect(x, y, hayabusaSize, hayabusaSize);
//            ctx.fillStyle = "🦅";
ctx.font = hayabusaSize+'px serif';
            ctx. fillText("🦅",x, y);
//            ctx.fill();
            ctx.closePath();
        }

function draw() {
            // 画面をクリア
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// ハヤブサの座標を更新
            if (leftPressed && x > 0) {
                x -= 2;
            }
            else if (rightPressed && x < canvas.width - hayabusaSize) {
                x += 2;
            }
            else if (upPressed && y > 0) {
                y -= 2;
            }
            else if (downPressed && y < canvas.height - hayabusaSize) {
                y += 2;
            }

// ハヤブサを描画
            drawHayabusa();

// 次のフレームを描画
            requestAnimationFrame(draw);
        }

// ゲームのメインループをスタート
        draw();
    </script>
</body>
</html>
```

このコードは、簡単なハヤブサの操作ゲームを実装しています。矢印キーでハヤブサを操作し、画面内を飛び回ることができます。ハヤブサの位置情報はフレームごとに更新され、描画されます。

ただし、絵文字の利用については環境によって表示されない場合がありますので、適切な画像を使用するなどの方法を検討してください。