ics.media

配色

ワールド座標(空間座標)とは3D空間(scene)の原点から見た座標をワールド座標といいます。

Three.jsではgetWorldPositionメソッドを使って、ワールド座標を取得できます。この値はTHREE.Vector3型なので、xyzプロパティーを使って座標を参照します。

ワールド座標の算出方法

THREE.Object3DクラスのgetWorldPosition()メソッドを使うことで、ワールド座標が得られます。

const world = object3D.getWorldPosition();

ワールド座標算出のサンプル

次のサンプルは球体が3D空間内を円周上を移動している様子を表現したものです。球体はすべてTHREE.Groupクラスを使って入れ子構造にしています。

この状態で球体のワールド座標を取得しています。原点から色のついた球体まで線が伸びていることで、ワールド座標を扱えていることがわかります。

ワールド座標を使えば、スクリーン座標の算出に役立ちます。詳しは次の記事を御覧ください。

公開日 : / 最終更新日 :
※この記事は Three.js の令和元年6月11日現在最新のリビジョン105を元に執筆しています。