Physics engine with newton gravity in circunferences's game

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

No:45929

141

←

Prev Next

→

Physics engine with newton gravity in circunferenc..ALL
Developer User19755｜Date and time 24/2/22 4:02:18
Build time 9.501 sec｜Game capacity 1.682KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Game de Física com Gravidade de Newton</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

const circle = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            radius: 20,
            dx: 2,
            dy: 2
        };

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

ctx.beginPath();
            ctx.arc(circle.x, circle.y, circle.radius, 0, Math.PI * 2);
            ctx.fillStyle = 'blue';
            ctx.fill();
            ctx.closePath();
        }

function updateCircle() {
            circle.x += circle.dx;
            circle.y += circle.dy;

// Aplicando a gravidade de Newton
            circle.dy += 0.1; // Aumenta a velocidade vertical do círculo

// Verifica se houve colisão com as bordas do canvas
            if (circle.x - circle.radius < 0 || circle.x + circle.radius > canvas.width) {
                circle.dx = -circle.dx;
            }

if (circle.y - circle.radius < 0 || circle.y + circle.radius > canvas.height) {
                circle.dy = -circle.dy;
            }
        }

function gameLoop() {
            drawCircle();
            updateCircle();

requestAnimationFrame(gameLoop);
        }

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