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:30729

129

←

Prev Next

→

simulation mit zwei Planeten. Gib den Planeten zu ..ALL
Developer User14077｜Date and time 23/12/24 1:41:09
Build time 15.035 sec｜Game capacity 3.283KB｜

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="gameCanvas" width="800" height="600"></canvas>

var planets = [];

function createPlanet(x, y, dx, dy) {
                var planet = {
                    x: x,
                    y: y,
                    dx: dx,
                    dy: dy,
                    mass: 100
                };

planets.push(planet);
            }

function getRandomDirection() {
                var angle = Math.random() * 2 * Math.PI;
                var speed = Math.random() * 5 + 1;
                var dx = Math.cos(angle) * speed;
                var dy = Math.sin(angle) * speed;

return {
                    dx: dx,
                    dy: dy
                };
            }

function calculateGravity(planet1, planet2) {
                var dx = planet2.x - planet1.x;
                var dy = planet2.y - planet1.y;
                var distance = Math.sqrt(dx * dx + dy * dy);

var force = (1 * planet1.mass * planet2.mass) / (distance * distance);
                var acceleration1 = force / planet1.mass;
                var acceleration2 = force / planet2.mass;

planet1.dx += dx / distance * acceleration2;
                planet1.dy += dy / distance * acceleration2;

planet2.dx -= dx / distance * acceleration1;
                planet2.dy -= dy / distance * acceleration1;
            }

function update() {
                context.clearRect(0, 0, canvas.width, canvas.height);

for (var i = 0; i < planets.length; i++) {
                    for (var j = i + 1; j < planets.length; j++) {
                        calculateGravity(planets[i], planets[j]);
                    }

planets[i].x += planets[i].dx;
                    planets[i].y += planets[i].dy;

if (planets[i].x < 0 || planets[i].x > canvas.width) {
                        planets[i].dx *= -1;
                    }

if (planets[i].y < 0 || planets[i].y > canvas.height) {
                        planets[i].dy *= -1;
                    }

context.beginPath();
                    context.arc(planets[i].x, planets[i].y, 10, 0, 2 * Math.PI);
                    context.fill();
                }

requestAnimationFrame(update);
            }

function onClick(event) {
                var rect = canvas.getBoundingClientRect();
                var x = event.clientX - rect.left;
                var y = event.clientY - rect.top;

var direction = getRandomDirection();
                createPlanet(x, y, direction.dx, direction.dy);
            }

canvas.addEventListener("click", onClick);

createPlanet(canvas.width/2, canvas.height/2, 0, 0);
            createPlanet(Math.random() * canvas.width, Math.random() * canvas.height, Math.random() * 10 - 5, Math.random() * 10 - 5);

update();
        };
    </script>
</body>
</html>