simulation mit zwei Planeten. Gib den Planeten zu Beginn der Simulation eine Geschwindigkeit in eine zufällige Richtung. Die Planeten können miteinander und mit dem Bildschirmrand kollidieren. Sie ziehen sich gegenseitig immer mit einer realistischen schwerkraft an. Jedes mal wenn auf den Bildschirm geklickt wird entsteht an dieser Stelle ein weiterer Planet. Gib keine Erklärungen, nur den Code.'s game

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

No:30736

143

←

Prev Next

→

simulation mit zwei Planeten. Gib den Planeten zu ..ALL
Developer User14077｜Date and time 23/12/24 1:47:12
Build time 17.713 sec｜Game capacity 3.696KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Planetary Simulation</title>
</head>
<body>
    <canvas id="canvas" width="400" height="400"></canvas>

function getRandomDirection() {
            var angle = Math.random() * 2 * Math.PI;
            var x = Math.cos(angle);
            var y = Math.sin(angle);
            return { x: x, y: y };
        }

function getRandomSpeed() {
            return Math.random() * 2 + 1;
        }

function createPlanet() {
            var x = canvas.width / 2;
            var y = canvas.height / 2;
            var direction = getRandomDirection();
            var speed = getRandomSpeed();
            var radius = Math.random() * 20 + 10;
            var mass = radius * 2;

var planet = {
                x: x,
                y: y,
                dx: direction.x * speed,
                dy: direction.y * speed,
                radius: radius,
                mass: mass
            };

planets.push(planet);
        }

function drawPlanet(planet) {
            ctx.beginPath();
            ctx.arc(planet.x, planet.y, planet.radius, 0, 2 * Math.PI);
            ctx.fillStyle = "blue";
            ctx.fill();
            ctx.closePath();
        }

function updatePlanet(planet) {
            planet.x += planet.dx;
            planet.y += planet.dy;

// Handle screen boundaries
            if (planet.x + planet.radius >= canvas.width || planet.x - planet.radius <= 0) {
                planet.dx *= -1;
            }
            if (planet.y + planet.radius >= canvas.height || planet.y - planet.radius <= 0) {
                planet.dy *= -1;
            }

// Apply gravity between planets
            for (var i = 0; i < planets.length; i++) {
                var otherPlanet = planets[i];
                if (otherPlanet !== planet) {
                    var deltaX = otherPlanet.x - planet.x;
                    var deltaY = otherPlanet.y - planet.y;
                    var distance = Math.sqrt(Math.pow(deltaX, 2) + Math.pow(deltaY, 2));
                    var force = (0.5 * planet.mass * otherPlanet.mass) / Math.pow(distance, 2);
                    var accelerationX = force * deltaX / distance;
                    var accelerationY = force * deltaY / distance;
                    planet.dx += accelerationX / planet.mass;
                    planet.dy += accelerationY / planet.mass;
                }
            }
        }

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

for (var i = 0; i < planets.length; i++) {
                drawPlanet(planets[i]);
                updatePlanet(planets[i]);
            }

requestAnimationFrame(draw);
        }

canvas.addEventListener("click", function(event) {
            var rect = canvas.getBoundingClientRect();
            var clickX = event.clientX - rect.left;
            var clickY = event.clientY - rect.top;
            var direction = getRandomDirection();
            var speed = getRandomSpeed();
            var radius = Math.random() * 20 + 10;
            var mass = radius * 2;

var planet = {
                x: clickX,
                y: clickY,
                dx: direction.x * speed,
                dy: direction.y * speed,
                radius: radius,
                mass: mass
            };

planets.push(planet);
        });

createPlanet(); // Initial planet

draw(); // Start animation
    </script>
</body>
</html>