2026年6月16日火曜日

テスト001と 同じ

光線軌跡・座標回転シミュレーター

座標軸の回転操作 (X / Y / Z)

始点: (0,0,10) [t=-10] 青球 光線軌跡: 黄色線 終点・直交3軸: (0,0,0) [t=0] 赤球

 













ああああ

https://gemini.google.com/share/7391d5af52b7

ポイント

  • 縦がZ軸になっています: 3Dのカメラ設定 (camera.up.set(0, 0, 1)) により、画面の上下方向が「Z軸(青い線)」になるように設計しています。

  • 光線の描画: t=-10 の青い球 (0,0,10) から、t=0 の赤い球 (0,0,0) に向かって、太い黄色の直線(シリンダー)が伸びています。

  • サイズ制限: CSSで max-width: 640pxheight: 400px と指定しているため、スマホやPCでブログを見た際に大きすぎず、記事の幅に合わせて自動で縮小されます。もっと小さくしたい場合は、CSSの height: 400px; の数値を 300px 等に変更してください。