AI game creator

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

No:14360

←

Prev Next

→

FPS画面を表示
Developer User5934｜Date and time 23/9/1 9:49:17
Build time 18.606 sec｜Game capacity 2.901KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>FPSゲーム</title>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// キャンバスサイズを設定
        canvas.width = 800;
        canvas.height = 600;

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

// プレイヤーの初期位置
        let playerX = canvas.width / 2;
        let playerY = canvas.height / 2;

// キーボードの入力状態を表すオブジェクト
        let keys = {};

// プレイヤーの移動速度
        const playerSpeed = 5;

// ゲームループ
        function gameLoop() {
            // ゲームオーバーなら終了
            if (isGameOver) {
                return;
            }

// プレイヤーの操作処理
            handleInput();

// プレイヤーの移動処理
            movePlayer();

// 描画処理
            draw();

// 次のフレームの処理を予約
            requestAnimationFrame(gameLoop);
        }

// キーボードの入力を受け付けるイベントリスナー
        window.addEventListener("keydown", function(event) {
            keys[event.key] = true;
        });

window.addEventListener("keyup", function(event) {
            keys[event.key] = false;
        });

// プレイヤーの操作処理
        function handleInput() {
            if (keys["ArrowUp"]) {
                playerY -= playerSpeed;
            }
            if (keys["ArrowDown"]) {
                playerY += playerSpeed;
            }
            if (keys["ArrowLeft"]) {
                playerX -= playerSpeed;
            }
            if (keys["ArrowRight"]) {
                playerX += playerSpeed;
            }
        }

// プレイヤーの移動処理
        function movePlayer() {
            // プレイヤーが画面外に出ないように制限
            if (playerX < 0) {
                playerX = 0;
            }
            if (playerX > canvas.width) {
                playerX = canvas.width;
            }
            if (playerY < 0) {
                playerY = 0;
            }
            if (playerY > canvas.height) {
                playerY = canvas.height;
            }
        }

// 描画処理
        function draw() {
            // キャンバスをクリア
            ctx.clearRect(0, 0, canvas.width, canvas.height);
          
            // プレイヤーを描画
            ctx.fillStyle = "red";
            ctx.beginPath();
            ctx.arc(playerX, playerY, 20, 0, Math.PI * 2);
            ctx.fill();
        }

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