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

107

←

Prev Next

→

simulation mit zwei Planeten. Gib den Planeten zu ..ALL
Developer User14077｜Date and time 23/12/24 1:42:29
Build time 17.789 sec｜Game capacity 2.941KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

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

// Planet class
    class Planet {
      constructor(x, y, vx, vy, radius) {
        this.x = x;
        this.y = y;
        this.vx = vx;
        this.vy = vy;
        this.radius = radius;
        this.mass = Math.PI * Math.pow(radius, 2);
      }

update() {
        this.x += this.vx;
        this.y += this.vy;

// Check collisions with screen edges
        if (this.x - this.radius < 0 || this.x + this.radius > canvas.width) {
          this.vx = -this.vx;
        }
        if (this.y - this.radius < 0 || this.y + this.radius > canvas.height) {
          this.vy = -this.vy;
        }

// Check collisions with other planets
        for (let i = 0; i < planets.length; i++) {
          if (this !== planets[i]) {
            const dx = planets[i].x - this.x;
            const dy = planets[i].y - this.y;
            const distance = Math.sqrt(dx*dx + dy*dy);
            const force = (6.67430 * Math.pow(10, -11) * this.mass * planets[i].mass) / Math.pow(distance, 2);
            const accelerationX = (force * dx) / (distance * this.mass);
            const accelerationY = (force * dy) / (distance * this.mass);
            this.vx += accelerationX;
            this.vy += accelerationY;
          }
        }
      }

draw() {
        ctx.beginPath();
        ctx.arc(this.x, this.y, this.radius, 0, 2*Math.PI);
        ctx.stroke();
      }
    }

// Generate random velocity
    function getRandomVelocity() {
      const speed = Math.random() * 3 + 1;
      const angle = Math.random() * 2 * Math.PI;
      const vx = speed * Math.cos(angle);
      const vy = speed * Math.sin(angle);
      return {vx, vy};
    }

// Create initial planets
    for (let i = 0; i < 2; i++) {
      const x = Math.random() * canvas.width;
      const y = Math.random() * canvas.height;
      const {vx, vy} = getRandomVelocity();
      const radius = Math.random() * 20 + 10;
      planets.push(new Planet(x, y, vx, vy, radius));
    }

// Update and draw function
    function updateAndDraw() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      for (const planet of planets) {
        planet.update();
        planet.draw();
      }
    }

// User interaction - create planet on click
    canvas.addEventListener('click', (event) => {
      const rect = canvas.getBoundingClientRect();
      const x = event.clientX - rect.left;
      const y = event.clientY - rect.top;
      const {vx, vy} = getRandomVelocity();
      const radius = Math.random() * 20 + 10;
      planets.push(new Planet(x, y, vx, vy, radius));
    });

// Start simulation
    setInterval(updateAndDraw, 16);
  </script>
</body>
</html>