Feeding many moving pigeons in a park. The pigeons are getting bigger and bigger.'s game

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

No:5098

621

←

Prev Next

→

Feeding many moving pigeons in a park. The pigeons..ALL
Developer User3812｜Date and time 23/6/29 18:12:26
Build time 32.323 sec｜Game capacity 3.034KB｜

Script

していくゲームを作りましょう。以下は、このゲームの実装例です。

このゲームでは、プレイヤーは画面上の鳩にタッチして餌を与えることでスコアを上げます。鳩はランダムに移動し、餌を与えると鳩は消えてスコアが上がります。また、スコアが上がるにつれて鳩のスピードが上昇し、鳩はだんだん巨大化していきます。鳩が画面外に出た場合は削除されます。このゲームはスマートフォン上で遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

していくゲームを作りましょう。以下は、このゲームの実装例です。

```html
<!DOCTYPE html>
<html>
<head>
    <title>鳩巨大化ゲーム</title>
    <style>
        #canvas {
            width: 100vw;
            height: 100vh;
        }
    </style>
</head>
<body>
    <canvas id="canvas"></canvas>

function createPigeon() {
            const pigeon = {
                x: Math.random() * canvas.width,
                y: Math.random() * canvas.height,
                size: 20,
                speed: 1 + score / 100  // 鳩のスピードはスコアに応じて上昇
            };
            pigeons.push(pigeon);
        }

function drawPigeons() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            for (const pigeon of pigeons) {
                ctx.beginPath();
                ctx.arc(pigeon.x, pigeon.y, pigeon.size, 0, Math.PI * 2);
                ctx.fillStyle = "🐦";
                ctx.fill();
                ctx.closePath();
            }
        }

function updatePigeons() {
            for (const pigeon of pigeons) {
                pigeon.x += (Math.random() - 0.5) * pigeon.speed;  // 鳩をランダムに移動させる
                pigeon.y += (Math.random() - 0.5) * pigeon.speed;  // 鳩をランダムに移動させる
                pigeon.size += 0.1;  // 鳩の大きさを増やす
            }

// 画面外に出た鳩を削除する
            pigeons.filter(pigeon => pigeon.x > 0 && pigeon.x < canvas.width && pigeon.y > 0 && pigeon.y < canvas.height);
        }

setInterval(() => {
            createPigeon();
            drawPigeons();
            updatePigeons();
        }, 1000);  // 1秒毎に鳩を作成

canvas.addEventListener("touchstart", feedPigeons);
    </script>
</body>
</html>
```