Bunny boy automatically collects balls's game

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

No:8949

156

←

Prev Next

→

Bunny boy automatically collects balls
Developer User4271｜Date and time 23/7/19 21:23:45
Build time 29.034 sec｜Game capacity 2.786KB｜

Script

コードの例を以下に示します。このプログラムは、バニーボーイが自動でボールを集めるゲームです。

このゲームは、マウスをクリックするとボールが画面上に表示されます。バニーボーイは自動で左に移動し、ボールを集めます。ボールが画面外に出ると、自動で削除されます。このコードでは、canvas要素を使用してゲーム画面を描画しています。バニーボーイとボールは絵文字で表現されています。ボールを画面に表示するために、ボールオブジェクトの配列を作成し、ゲームループ内でそれぞれの座標を更新して描画しています。以上が、バニーボーイが自動でボールを集めるゲームの実装例です。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

コードの例を以下に示します。このプログラムは、バニーボーイが自動でボールを集めるゲームです。

```html
<!DOCTYPE html>
<html>
<head>
    <title>バニーボーイのボール集めゲーム</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// マウスをクリックした時の処理
        canvas.addEventListener("click", function(event) {
            // ボールを追加
            var ball = {
                x: event.clientX - canvas.offsetLeft,
                y: event.clientY - canvas.offsetTop,
            };
            balls.push(ball);
        });

// ゲームループ
        setInterval(function() {
            // 画面をクリア
            context.clearRect(0, 0, canvas.width, canvas.height);

// バニーボーイを描画
            context.font = bunnySize + "px Arial";
            context.fillText(bunnyImage, 0, canvas.height / 2);

// ボールを描画
            context.font = ballSize + "px Arial";
            balls.forEach(function(ball) {
                context.fillText(ballImage, ball.x, ball.y);
            });

// ボールをバニーボーイに集めさせる処理（自動で動く）
            balls.forEach(function(ball) {
                ball.x -= 1; // 左に1ピクセルずつ移動
                if (ball.x < -ballSize) {
                    // 画面外に出たらボールを削除
                    var index = balls.indexOf(ball);
                    balls.splice(index, 1);
                }
            });
        }, 10);
    </script>
</body>
</html>
```

このゲームは、マウスをクリックするとボールが画面上に表示されます。バニーボーイは自動で左に移動し、ボールを集めます。ボールが画面外に出ると、自動で削除されます。

このコードでは、canvas要素を使用してゲーム画面を描画しています。バニーボーイとボールは絵文字で表現されています。ボールを画面に表示するために、ボールオブジェクトの配列を作成し、ゲームループ内でそれぞれの座標を更新して描画しています。

以上が、バニーボーイが自動でボールを集めるゲームの実装例です。