Crie uma bola que quando eu clique e segure a tela crie como se fosse uma mat de deformação do espaço-tempo a bola irá reagir a isso's game

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

No:52884

494

←

Prev Next

→

Crie uma bola que quando eu clique e segure a tela..ALL
Developer User19080｜Date and time 24/3/26 8:41:44
Build time 7.754 sec｜Game capacity 1.517KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Deformação do espaço-tempo</title>
</head>
<body>
    <canvas id="canvas" width="300" height="300"></canvas>

canvas.addEventListener('mousedown', handleMouseDown);
    canvas.addEventListener('mousemove', handleMouseMove);
    canvas.addEventListener('mouseup', handleMouseUp);

function handleMouseDown(event) {
        if(isInsideBall(event.clientX, event.clientY)) {
            ball.isDragging = true;
        }
    }

function handleMouseMove(event) {
        if(ball.isDragging) {
            ball.x = event.clientX - canvas.offsetLeft;
            ball.y = event.clientY - canvas.offsetTop;
            redraw();
        }
    }

function handleMouseUp() {
        ball.isDragging = false;
    }

function isInsideBall(mouseX, mouseY) {
        return Math.sqrt((mouseX - ball.x) ** 2 + (mouseY - ball.y) ** 2) <= ball.radius;
    }

function redraw() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawBall();
    }

function drawBall() {
        ctx.beginPath();
        ctx.arc(ball.x, ball.y, ball.radius, 0, 2 * Math.PI);
        ctx.fillStyle = ball.color;
        ctx.fill();
        ctx.closePath();
    }

redraw();
</script>
</body>
</html>