敵を倒す2DFPSゲーム's game

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

No:16485

←

Prev Next

→

敵を倒す2DFPSゲーム
Developer User7333｜Date and time 23/9/18 19:20:40
Build time 36.17 sec｜Game capacity 3.724KB｜

Script

了解しました。以下に、敵を倒す2D FPSゲームの実装例を示します。

このプログラムは、HTMLファイルとして実装されており、必要なJavaScriptコードも`
`タグで囲まれています。プログラムは実行されており、プレイヤーを操作して敵を倒すゲームが遊べます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

了解しました。以下に、敵を倒す2D FPSゲームの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>2D FPS Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

let player = {
            x: canvas.width / 2,
            y: canvas.height - 30,
            speed: 5
        };

let enemies = [];
        for (let i = 0; i < 10; i++) {
            enemies.push({
                x: Math.random() * canvas.width,
                y: Math.random() * canvas.height,
                speed: Math.random() * 3 + 1
            });
        }

let score = 0;

// キーボード操作の処理
        let leftPressed = false;
        let rightPressed = false;

document.addEventListener("keydown", keyDownHandler);
        document.addEventListener("keyup", keyUpHandler);

function keyDownHandler(event) {
            if (event.key === "Left" || event.key === "ArrowLeft") {
                leftPressed = true;
            } else if (event.key === "Right" || event.key === "ArrowRight") {
                rightPressed = true;
            }
        }

function keyUpHandler(event) {
            if (event.key === "Left" || event.key === "ArrowLeft") {
                leftPressed = false;
            } else if (event.key === "Right" || event.key === "ArrowRight") {
                rightPressed = false;
            }
        }

// メインゲームループ
        setInterval(draw, 10);

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

// プレイヤーの移動
            if (leftPressed && player.x > 0) {
                player.x -= player.speed;
            } else if (rightPressed && player.x < canvas.width) {
                player.x += player.speed;
            }

// プレイヤーを描画
            context.beginPath();
            context.arc(player.x, player.y, 10, 0, Math.PI * 2);
            context.fillStyle = "#0095DD";
            context.fill();
            context.closePath();

// 敵の移動と当たり判定
            for (let i = 0; i < enemies.length; i++) {
                let enemy = enemies[i];
                enemy.y += enemy.speed;

if (enemy.y > canvas.height) {
                    enemy.y = 0;
                    enemy.x = Math.random() * canvas.width;
                }

// 当たり判定
                if (player.x > enemy.x - 10 && player.x < enemy.x + 10 &&
                    player.y > enemy.y - 10 && player.y < enemy.y + 10) {
                    score++;
                    enemies.splice(i, 1);
                    i--;
                }

// 敵を描画
                context.beginPath();
                context.arc(enemy.x, enemy.y, 10, 0, Math.PI * 2);
                context.fillStyle = "#FF0000";
                context.fill();
                context.closePath();
            }

// スコアを表示
            context.font = "16px Arial";
            context.fillStyle = "#0095DD";
            context.fillText("Score: " + score, 10, 20);
        }
    </script>
</body>
</html>
```

このプログラムは、HTMLファイルとして実装されており、必要なJavaScriptコードも`<script>`タグで囲まれています。プログラムは実行されており、プレイヤーを操作して敵を倒すゲームが遊べます。