three.js の座標軸を AxisHelper で表示する

three.js の座標を確認する方法

AxisHelperを Scene に追加すると座標軸が表示されます。

AxisHelper

x 軸
y 軸
z 軸

普通、数学だと z 軸が高さですが、three.js では y 軸が高さなっています。

ソース

AxisHelper の引数は線の長さです。(デフォルトは 1

物体を置いて確認

座標上に物体を置いて確認してみます。
物体の位置は x = 5、y = 10、z = 15 です。

クリックするとデモ画面へ移動します

ソース

カメラの移動に OrbitControls を使っています。

スポンサーリンク

コメントはお気軽に