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

112

←

Prev Next

→

simulation mit zwei Planeten. Gib den Planeten zu ..ALL
Developer User14077｜Date and time 23/12/24 1:43:11
Build time 18.687 sec｜Game capacity 4.047KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Planetensimulation</title>
    <script>
        // Funktion, um eine zufällige Zahl zwischen min und max zu generieren
        function getRandomNumber(min, max) {
            return Math.random() * (max - min) + min;
        }

// Funktion, um die Anziehungskraft zwischen zwei Planeten zu berechnen
        function calculateGravity(planet1, planet2) {
            const G = 10; // Gravitationskonstante
            const distanceX = planet2.x - planet1.x;
            const distanceY = planet2.y - planet1.y;
            const distanceSquared = distanceX * distanceX + distanceY * distanceY;
            
            return (G * planet1.mass * planet2.mass) / distanceSquared;
        }

// Funktion, um die Planeten zu aktualisieren
        function updatePlanets() {
            for (let i = 0; i < planets.length; i++) {
                const planet1 = planets[i];

// Planetenbewegung
                planet1.x += planet1.velocityX;
                planet1.y += planet1.velocityY;
                
                // Kollisionserkennung mit dem Bildschirmrand
                if (planet1.x <= planet1.radius || planet1.x >= canvas.width - planet1.radius) {
                    planet1.velocityX *= -1;
                }
                if (planet1.y <= planet1.radius || planet1.y >= canvas.height - planet1.radius) {
                    planet1.velocityY *= -1;
                }
                
                // Gravitationskraft zwischen den Planeten berechnen
                for (let j = 0; j < planets.length; j++) {
                    if (i !== j) {
                        const planet2 = planets[j];
                        const gravity = calculateGravity(planet1, planet2);
                        
                        const distanceX = planet2.x - planet1.x;
                        const distanceY = planet2.y - planet1.y;
                        const angle = Math.atan2(distanceY, distanceX);
                        
                        planet1.velocityX += Math.cos(angle) * gravity / planet1.mass;
                        planet1.velocityY += Math.sin(angle) * gravity / planet1.mass;
                    }
                }
            }
        }

// Funktion, um einen neuen Planeten zu erstellen
        function createPlanet(x, y) {
            const planet = {
                x: x,
                y: y,
                radius: getRandomNumber(10, 30),
                velocityX: getRandomNumber(-1, 1),
                velocityY: getRandomNumber(-1, 1),
                mass: getRandomNumber(1, 5),
                color: '#' + Math.floor(Math.random() * 16777215).toString(16)
            };
            
            planets.push(planet);
        }

// Funktion, um den Canvas zu aktualisieren
        function updateCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            for (let i = 0; i < planets.length; i++) {
                const planet = planets[i];
                
                ctx.beginPath();
                ctx.arc(planet.x, planet.y, planet.radius, 0, 2 * Math.PI);
                ctx.fillStyle = planet.color;
                ctx.fill();
                ctx.closePath();
            }
        }

// -------------------------------------------------------------

// Initialisierung des Canvas
        const canvas = document.createElement('canvas');
        document.body.appendChild(canvas);
        const ctx = canvas.getContext('2d');
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

// Array, um die Planeten zu speichern
        const planets = [];

// Event Listener für Mausklicks
        canvas.addEventListener('click', (event) => {
            createPlanet(event.clientX, event.clientY);
        });

// Spiel-Loop
        setInterval(() => {
            updatePlanets();
            updateCanvas();
        }, 16);
    </script>
</head>
<body>
</body>
</html>