座標軸の回転操作 (X / Y / Z)
0°
0°
0°
始点: (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: 640px、height: 400pxと指定しているため、スマホやPCでブログを見た際に大きすぎず、記事の幅に合わせて自動で縮小されます。もっと小さくしたい場合は、CSSのheight: 400px;の数値を300px等に変更してください。