月面に着陸船を軟着陸させる's game

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

No:23942

←

Prev Next

→

月面に着陸船を軟着陸させる
Developer User3566｜Date and time 23/11/4 15:52:09
Build time 61.675 sec｜Game capacity 3.254KB｜

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">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>月面着陸ゲーム</title>
    <style>
        body {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            padding: 0;
            margin: 0;
        }

canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="300" height="200"></canvas>

// 初期化
            init: function () {
                this.context = this.canvas.getContext("2d");
                this.lander = new Lander();
                this.score = 0;
                this.update();
            },

// アップデート
            update: function () {
                this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);

this.lander.update();
                this.lander.draw();

this.score++;
                requestAnimationFrame(() => this.update());
            }
        };

// 着陸船オブジェクト
        function Lander() {
            this.x = 100;
            this.y = 20;
            this.vx = 0;
            this.vy = 0;
            this.rotation = 0;
            this.thrusting = false;

// アップデート
            this.update = function () {
                // 重力を適用
                this.vy += game.gravity;

// 推進力を適用
                if (this.thrusting) {
                    const angle = this.rotation * Math.PI / 180;
                    this.vx += Math.sin(angle) * game.thrust;
                    this.vy -= Math.cos(angle) * game.thrust;
                }

// 速度を位置に加算
                this.x += this.vx;
                this.y += this.vy;
            };

// 描画
            this.draw = function () {
                // 着陸船を描画
                game.context.beginPath();
                game.context.moveTo(this.x, this.y);
                game.context.lineTo(this.x + 10, this.y);
                game.context.lineTo(this.x + 5, this.y + 10);
                game.context.closePath();
                game.context.stroke();

// スコアを描画
                game.context.fillText("Score: " + game.score, 10, 20);
            };
        }

// キーダウンイベントの処理
        document.addEventListener("keydown", function (event) {
            if (event.key === "ArrowUp") {
                game.lander.thrusting = true;
            }
        });

// キーアップイベントの処理
        document.addEventListener("keyup", function (event) {
            if (event.key === "ArrowUp") {
                game.lander.thrusting = false;
            }
        });

// ゲームの初期化
        game.init();
    </script>
</body>
</html>