🌌公転周期🌌 太陽系の公転周期を表したゲームです。画面には、太陽,水星,金星,地球,火星,木星,土星,天王星,海王星が表示されています。全ての星は、JavaScriptのcanvasによって線画されています。太陽以外の星は、太陽を中心に公転しています。各星の速度を考慮しながら、太陽系の公転周期をJavaScriptのcanvasによって描写してください。なお、全ての星が画面内に収まるようにするため、星間の距離は考慮しないものとします。また、公転軌道も白で線画して下さい。's game

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

No:5008

5002

←

Prev Next

→

🌌公転周期🌌 太陽系の公転周期を表したゲームです。画面には、太陽,水星,金星,地球,火星,木星..ALL
Developer anonymous｜Date and time 70/1/1 9:45:20
Build time unknown sec｜Game capacity 2.72KB｜

Script

以下は、太陽系の公転周期を表したゲームの実装例です。

このプログラムは、太陽系の各惑星を公転させるシミュレーションゲームです。canvas要素を使用して太陽系の各星を描画し、公転軌道も白線で描写しています。各星の速度を調整することで、公転周期を再現しています。なお、実際のプログラムではスマホで操作できるように、タッチ操作に対応するなどの工夫が必要かもしれません。また、絵文字を使用する場合は、適切な絵文字をcanvasに描画する方法を調べて実装してください。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

以下は、太陽系の公転周期を表したゲームの実装例です。

```html
<!DOCTYPE html>
<html>
  <head>
    <title>公転周期</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="canvas" width="800" height="600"></canvas>

// 太陽系のデータ
      const planets = [
        { name: '太陽', radius: 30, speed: 0 },
        { name: '水星', radius: 10, speed: 4 },
        { name: '金星', radius: 15, speed: 2 },
        { name: '地球', radius: 20, speed: 1 },
        { name: '火星', radius: 18, speed: 0.7 },
        { name: '木星', radius: 25, speed: 0.3 },
        { name: '土星', radius: 23, speed: 0.2 },
        { name: '天王星', radius: 22, speed: 0.1 },
        { name: '海王星', radius: 21, speed: 0.05 },
      ];

// メインループ
      function main() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// 太陽を描画
        ctx.beginPath();
        ctx.arc(canvas.width / 2, canvas.height / 2, planets[0].radius, 0, 2 * Math.PI);
        ctx.fillStyle = 'rgb(255, 255, 0)';
        ctx.fill();

// 各星を描画
        for (let i = 1; i < planets.length; i++) {
          const angle = (Date.now() * planets[i].speed) % 360;
          const x = canvas.width / 2 + Math.cos(angle * (Math.PI / 180)) * (i * 50);
          const y = canvas.height / 2 + Math.sin(angle * (Math.PI / 180)) * (i * 50);

ctx.beginPath();
          ctx.arc(x, y, planets[i].radius, 0, 2 * Math.PI);
          ctx.fillStyle = 'rgb(255, 255, 255)';
          ctx.fill();

// 公転軌道を描画
          ctx.beginPath();
          ctx.arc(canvas.width / 2, canvas.height / 2, (i * 50), 0, 2 * Math.PI);
          ctx.strokeStyle = 'rgb(255, 255, 255)';
          ctx.stroke();
        }

requestAnimationFrame(main);
      }

// メインループの開始
      main();
    </script>
  </body>
</html>
```

このプログラムは、太陽系の各惑星を公転させるシミュレーションゲームです。canvas要素を使用して太陽系の各星を描画し、公転軌道も白線で描写しています。各星の速度を調整することで、公転周期を再現しています。

なお、実際のプログラムではスマホで操作できるように、タッチ操作に対応するなどの工夫が必要かもしれません。また、絵文字を使用する場合は、適切な絵文字をcanvasに描画する方法を調べて実装してください。