Bouncing ball but it multiplies every bounce's game

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

No:46685

101

←

Prev Next

→

Bouncing ball but it multiplies every bounce
Developer User17064｜Date and time 24/2/25 19:40:21
Build time 4.034 sec｜Game capacity 1.206KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

let ball = {
        x: canvas.width / 2,
        y: canvas.height / 2,
        radius: 20,
        speedX: 2,
        speedY: 2,
        count: 1
    };

function update() {
        ball.x += ball.speedX;
        ball.y += ball.speedY;

if (ball.x < ball.radius || ball.x > canvas.width - ball.radius) {
            ball.speedX *= -1;
        }

if (ball.y < ball.radius || ball.y > canvas.height - ball.radius) {
            ball.speedY *= -1;
            ball.count++;
        }
    }

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

ctx.beginPath();
        ctx.arc(ball.x, ball.y, ball.radius, 0, Math.PI * 2);
        ctx.fillStyle = "red";
        ctx.fill();
        ctx.closePath();

ctx.font = "30px Arial";
        ctx.fillStyle = "black";
        ctx.fillText(`Count: ${ball.count}`, 10, 50);
    }

function gameLoop() {
        update();
        draw();
        requestAnimationFrame(gameLoop);
    }

canvas.width = 800;
    canvas.height = 600;
    gameLoop();
</script>