Write a working multitrack recording app's game

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

No:14767

←

Prev Next

→

Write a working multitrack recording app
Developer User6357｜Date and time 23/9/4 6:37:27
Build time 1.102 sec｜Game capacity 0.061KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

了解しました。以下にフラッピーバードのゲームを実装します。なお、絵文字を使うことができないため、単純な図形で代用します。

このコードでは、プレイヤーがスペースキーを押すと鳥が上に上がるようになっており、鳥が壁に衝突したり、パイプを通過するたびにスコアが増えるようになっています。ゲームが終了すると「Game over!」というアラートが表示され、ページがリロードされます。スマートフォンでもプレイできるように調整しています。

←

Prev　Next

→ 　

Back　

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

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p>了解しました。以下にフラッピーバードのゲームを実装します。なお、絵文字を使うことができないため、単純な図形で代用します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Flappy Bird</title>
    <style>
        canvas {
            background-color: lightblue;
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="canvas" width="480" height="640"></canvas>

var birdRadius = 20;
            var birdPosX = 50;
            var birdPosY = canvas.height / 2;
            var birdSpeedY = 0;
            var birdGravity = 0.25;

var gapHeight = 150;
            var pipeSpeed = 2;
            var pipeWidth = 80;
            var pipeHeight = 300;
            var pipePosX = canvas.width;
            var pipePosY = 0;

var score = 0;

function drawBird() {
                ctx.beginPath();
                ctx.arc(birdPosX, birdPosY, birdRadius, 0, Math.PI * 2);
                ctx.fillStyle = "yellow";
                ctx.fill();
                ctx.closePath();
            }

function drawPipe() {
                ctx.beginPath();
                ctx.rect(pipePosX, pipePosY, pipeWidth, pipeHeight);
                ctx.fillStyle = "green";
                ctx.fill();
                ctx.closePath();

ctx.beginPath();
                ctx.rect(pipePosX, pipePosY + pipeHeight + gapHeight, pipeWidth, pipeHeight);
                ctx.fillStyle = "green";
                ctx.fill();
                ctx.closePath();
            }

function collisionDetection() {
                if (birdPosY + birdRadius > canvas.height || birdPosY - birdRadius < 0) {
                    endGame();
                }

if (birdPosY + birdRadius > pipePosY && birdPosY - birdRadius < pipePosY + pipeHeight &&
                    birdPosX + birdRadius > pipePosX && birdPosX - birdRadius < pipePosX + pipeWidth) {
                    endGame();
                }

if (birdPosY + birdRadius > pipePosY + pipeHeight + gapHeight && birdPosY - birdRadius < pipePosY + pipeHeight + gapHeight + pipeHeight &&
                    birdPosX + birdRadius > pipePosX && birdPosX - birdRadius < pipePosX + pipeWidth) {
                    endGame();
                }
            }

function drawScore() {
                ctx.font = "16px Arial";
                ctx.fillStyle = "black";
                ctx.fillText("Score: " + score, 20, 20);
            }

function endGame() {
                alert("Game over!");
                window.location.reload();
            }

function update() {
                ctx.clearRect(0, 0, canvas.width, canvas.height);

drawBird();
                drawPipe();
                drawScore();
                collisionDetection();

birdPosY += birdSpeedY;
                birdSpeedY += birdGravity;

pipePosX -= pipeSpeed;

if (pipePosX + pipeWidth < 0) {
                    pipePosX = canvas.width;
                    pipePosY = Math.random() * (canvas.height - pipeHeight - gapHeight);
                    score++;
                }

requestAnimationFrame(update);
            }

document.addEventListener("keydown", function(event) {
                if (event.keyCode === 32) {
                    birdSpeedY = -5;
                }
            });

update();
        };
    </script>
</body>
</html>
```