2Dスクロールアクションゲーム's game

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

No:30955

←

Prev Next

→

2Dスクロールアクションゲーム
Developer User14987｜Date and time 23/12/24 17:56:10
Build time 13.554 sec｜Game capacity 2.749KB｜

Script

了解です。以下に2Dスクロールアクションゲームのサンプルコードを記載します。

このコードでは、矢印キーでプレイヤーが移動するシンプルな2Dスクロールアクションゲームが実装されています。プレイヤーは赤い円で表され、矢印キーの押下に応じて移動します。サンプルコードの中ではプレイヤーが画面外に移動することはありませんが、実際のゲームでは画面内での制限や、敵キャラクターの配置、アイテムの取得などが追加されることが想定されます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

了解です。以下に2Dスクロールアクションゲームのサンプルコードを記載します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>2Dスクロールアクションゲーム</title>
</head>
<body>
    <canvas id="gameCanvas" width="480" height="320"></canvas>

// プレイヤーの初期位置と速度
        let playerX = 50;
        let playerY = 50;
        let playerSpeedX = 0;
        let playerSpeedY = 0;

// キーの押下状態を管理するオブジェクト
        const keyState = {};

// キーボードイベントのリスナーを設定
        document.addEventListener("keydown", (event) => {
            keyState[event.key] = true;
        });
        document.addEventListener("keyup", (event) => {
            keyState[event.key] = false;
        });

// ゲームループ
        function gameLoop() {
            // キー入力の処理
            if (keyState["ArrowRight"]) {
                playerSpeedX = 3;
            } else if (keyState["ArrowLeft"]) {
                playerSpeedX = -3;
            } else {
                playerSpeedX = 0;
            }

if (keyState["ArrowDown"]) {
                playerSpeedY = 3;
            } else if (keyState["ArrowUp"]) {
                playerSpeedY = -3;
            } else {
                playerSpeedY = 0;
            }

// プレイヤーの位置を更新
            playerX += playerSpeedX;
            playerY += playerSpeedY;

// ゲーム画面の消去
            ctx.clearRect(0, 0, gameCanvas.width, gameCanvas.height);

// プレイヤーの描画
            ctx.beginPath();
            ctx.arc(playerX, playerY, 10, 0, Math.PI * 2);
            ctx.fillStyle = "red";
            ctx.fill();
            ctx.closePath();

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

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