🌌太陽系☀️☄️🌍🌕🪐‪ 太陽を中心に、太陽系が公転する様子を表したゲームです。画面には、太陽,水星,金星,地球,火星,木星,土星,天王星,海王星が表示されています。全ての星は、JavaScriptのcanvasによって線画されています。太陽以外の星は、太陽を中心にして回っています(公転)。この様子をJavaScriptのcanvasによって描写してください。's game

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

No:5006

4142

←

Prev Next

→

🌌太陽系☀️☄️🌍🌕🪐‪ 太陽を中心に、太陽系が公転する様子を表したゲームです。画面には、..ALL
Developer もちきなこ｜Date and time 23/6/29 8:55:23
Build time 24.542 sec｜Game capacity 2.436KB｜

Script

すみませんが,私は画像やアニメーションなどを表示することはできません。ただし、太陽系の惑星の公転軌道を簡単に表現することはできます。以下に、太陽を中心に公転する太陽系の惑星の位置を示す簡単なゲームを示します。

このゲームは、canvas要素を使用して太陽と各惑星を描画します。各惑星は、太陽を中心に公転し、描画されます。現時点の時間に応じて、各惑星の位置が更新されます。以上です。私がご提供できる範囲のゲーム化ですが、お楽しみいただけることを願っています。

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="myCanvas" width="500" height="500"></canvas>

function drawPlanet(x, y, color, size) {
      ctx.beginPath();
      ctx.arc(x, y, size, 0, 2 * Math.PI);
      ctx.fillStyle = color;
      ctx.fill();
      ctx.closePath();
    }

function drawSun() {
      drawPlanet(centerX, centerY, "yellow", 50);
    }

function drawPlanets() {
      const planetData = [
        { name: "Mercury", distance: 50, color: "gray", size: 5 },
        { name: "Venus", distance: 70, color: "orange", size: 10 },
        { name: "Earth", distance: 90, color: "blue", size: 12 },
        { name: "Mars", distance: 110, color: "red", size: 8 },
        { name: "Jupiter", distance: 130, color: "brown", size: 20 },
        { name: "Saturn", distance: 150, color: "yellow", size: 18 },
        { name: "Uranus", distance: 170, color: "lightblue", size: 15 },
        { name: "Neptune", distance: 190, color: "blue", size: 14 }
      ];

planetData.forEach((planet) => {
        const angle = Date.now() * 0.0001 * (planet.distance / radius);
        const x = centerX + Math.cos(angle) * planet.distance;
        const y = centerY + Math.sin(angle) * planet.distance;

drawPlanet(x, y, planet.color, planet.size);
      });
    }

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

setInterval(draw, 10);
  </script>
</body>
</html>
```