私はBlenderを使ってオブジェクトをモデル化するとき、翻訳と回転が起こる中心位置を明示的に定義することができます。 Three.jsオブジェクトを扱う場合、私は同等のものを見つけることはできません。Three.jsオブジェクトの「中心」とは何ですか?
Three.jsオブジェクトには、「中心」位置を定義するプロパティがありますか?そうでない場合、オブジェクトの中心はどのように決定されますか?
私はBlenderを使ってオブジェクトをモデル化するとき、翻訳と回転が起こる中心位置を明示的に定義することができます。 Three.jsオブジェクトを扱う場合、私は同等のものを見つけることはできません。Three.jsオブジェクトの「中心」とは何ですか?
Three.jsオブジェクトには、「中心」位置を定義するプロパティがありますか?そうでない場合、オブジェクトの中心はどのように決定されますか?
three.jsでは、オブジェクトの "center"はオブジェクトのローカル座標系の原点です。
オブジェクトが目的のポイントを中心に回転していない場合は、ジオメトリの頂点を変換して、中心が原点になるようにする必要があります。
geometry.translate(distX, distY, distZ);
詳細と代替ソリューションについては、this answerを参照してください。
three.js r.78
中心はcomputeBoundingBox()
メソッドを呼び出すことによって計算されるジオメトリのバウンディングボックスによって決定することができます。
ローカル座標系の原点がジオメトリの中心でない場合は、center()
メソッドを呼び出すと、ジオメトリがジオメトリを原点に合わせるように調整されます。