Three.js - Torusは0z軸を中心に回転しません

Question

私はtorusを2軸に沿って回転しようとしています：OxとOz。私はマウスで修正されたスライダーdat.guiでこの回転を適用したいと思います。

私はでtorusを定義している：私の問題はOx axisに沿って回転が正常に動作しているが、これはOz axisに沿って回転の場合ではないということです

var geometryTorus = new THREE.TorusGeometry(radius, 2*widthLine, 100, 100); 
var materialLine = new THREE.MeshBasicMaterial({ color: 0xffff00 }); 
torus = new THREE.Mesh(geometryTorus, materialLine); 
scene.add(torus); 

。

は、私は次の関数を呼び出すことにより、トーラスのための回転を行います。

// Change great circle parameters 
function changeGreatCircle(thetax, thetaz) { 

// Update rotation angles 
torus.rotation.x = thetax; 
torus.rotation.z = thetaz; 

} 

は、上記の機能のために、私はカメラの位置を計算するrender('init')関数を呼び出します。

このトーラスをどのように回転させるかOz axis？なぜOx axisに沿って回転し、Oz axisに沿って回転しないのですか？

誰かが手がかりを与えることができれば、これは問題ありません。

おかげ

UPDATE 1：

を私は（XとY軸周りの）2つの回転の順序すなわち、Euler anglesの考慮されていませんでしたので、私は解決策を見つけました。解決策が設定されましたtorus.rotation.order = 'ZXY';

Answer 1

fiddleは3つすべてのコンポーネントが正常に動作することを示しています。

1. THREE.Object3Dでは：あなたは（それぞれと、メッシュ）Object3Dの回転を設定すると、物事が発生し、次のTHREEソースコードで見つけることができるかに基づいてquaternion.setFromEuler(rotation, false);が起こります。
2. THREE.QuaternionおよびTHREE.Euler（私たちのメッシュ回転コンポーネントはEuler anglesです）、ローテーションはアプリケーションの順序に依存しています。 THREE.Eulerのデフォルトの回転順序は'XYZ'です。
3. THREEの標準シェーダープログラムはオブジェクト変換をマトリックスとして取ります。 THREE.Object3Dでは、this.matrix.compose(this.position, this.quaternion, this.scale);が表示されます。
4. この変換は、オブジェクトの親の変換に適用され、描画に使用されるobject.matrixWorldを取得します。

だからあなたの問題といえば：あなたは、異なる軸にトーラスとカメラの回転を適用し、それはカメラがトーラスに従わない理由（とトーラスはワールド空間に比較的固定ではありません、あなたはtorus.rotation.zを変更）であります。回転は連続して適用されることに注意してください。

ダミーオブジェクトを挿入して回転の順序を微調整することで、目的の動作を達成できない場合は、独自のマテリアルを構築し、シェーダープログラムで使用するためのより多くのパラメータをユニフォームとして渡すことができます。この場合、それは必要ではありません。

問題がある場合は、の例をに設定してください。