AI game creator

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

No:40146

←

Prev Next

→

鳥
Developer 食べる鶏と熱いタバスコ｜Date and time 24/2/1 7:28:30
Build time 12.925 sec｜Game capacity 3.401KB｜

Script

これは、1枚のhtmlファイルとして実装され、JavaScriptを含む、スマホで遊べる鳥のゲームの例です。

このゲームでは、鳥をタップすることでジャンプさせ、パイプに当たらないようにするゲームです。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

これは、1枚のhtmlファイルとして実装され、JavaScriptを含む、スマホで遊べる鳥のゲームの例です。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>鳥のゲーム</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

const birdSize = 40;
        let birdX = 50;
        let birdY = canvas.height / 2;
        let birdGravity = 1;
        let birdJump = -15;
        let score = 0;

// 鳥の描画
        function drawBird() {
            ctx.fillStyle = "orange";
            ctx.fillRect(birdX, birdY, birdSize, birdSize);
        }

// パイプの描画
        class Pipe {
            constructor(x) {
                this.x = x;
                this.y = Math.random() * (canvas.height - 200) + 100;
                this.width = 80;
                this.height = 300;
            }

draw() {
                ctx.fillStyle = "green";
                ctx.fillRect(this.x, 0, this.width, this.y);
                ctx.fillRect(this.x, this.y + this.height, this.width, canvas.height - this.y - this.height);
            }

update() {
                this.x -= 5;

// パイプが画面外に出たら新しいパイプを生成してスコアを更新
                if (this.x + this.width < 0) {
                    pipes.splice(0, 1);
                    pipes.push(new Pipe(canvas.width));
                    score++;
                }

// 鳥との当たり判定
                if (
                    birdX + birdSize >= this.x && birdX <= this.x + this.width &&
                    (birdY <= this.y || birdY + birdSize >= this.y + this.height)
                ) {
                    gameOver();
                }
            }
        }

const pipes = [new Pipe(canvas.width)];

// ゲームオーバー時の処理
        function gameOver() {
            alert("ゲームオーバー！\nスコア: " + score);
            location.reload();
        }

// ゲームのメインループ
        function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// 鳥の位置と重力の処理
            birdY += birdGravity;
            birdGravity += 0.5;

// スクリーンの外に出たらゲームオーバー
            if (birdY + birdSize > canvas.height || birdY < 0) {
                gameOver();
            }

// 鳥の描画
            drawBird();

// パイプの描画と更新
            pipes.forEach(p => {
                p.draw();
                p.update();
            });

// スコアの表示
            ctx.fillStyle = "white";
            ctx.font = "24px Arial";
            ctx.fillText("スコア: " + score, 10, 30);

requestAnimationFrame(gameLoop);
        }

// クリック時の処理
        document.addEventListener("click", function () {
            birdGravity = birdJump;
        });

gameLoop();
    </script>
</body>
</html>
```

このゲームでは、鳥をタップすることでジャンプさせ、パイプに当たらないようにするゲームです。