ThreeJSのdummie \ newbieです。 :)Mesh.position.xが負の場合、ThreeJSキューブが自動的に回転します。
とにかく、これは、Meshの位置を設定したときのThreeJSのデフォルトの動作だと思います。
私は、Project's Work Breakdown Structure(WBS)に似たThreeJSで構造を再現しようとしています。下の画像を参照してください。 WBS内のすべてのboxes \ cubesが整列されます。
これはThreeJSで私のコードで何が起こっているかである。
私は、パラメータとして、このようなオブジェクトを受け入れcreateCube
と呼ばれるヘルパー関数を作成:
var gestaoProjeto = createCube(
{ face1: { color: 'yellow', text: '1', textColor: 'yellow' },
face2: { text: '2', textColor: 'blue' },
face3: { text: '3', textColor: 'black' },
face4: { text: '4', textColor: 'cyan' },
face5: { color: 'red', text: 'Gestão do Projeto', textColor: 'yellow' },
face6: { text: '6', textColor: 'gray' },
x: -400,
y: 125
});
を
私は立方体の赤い顔をカメラ\ユーザーの前に置いて、それをmユーザーがシーンとやりとりする場合にのみ、OrbitControlsを使用してください。上記の画像でわかるように、face1
(黄色)の部分がすでに表示されており、face5
が回転しています。
私が行う場合:
gestaoProjeto.rotation.set(-0.1,0.5,0);
それが回転するが、それはよくないですし、私は彼らの位置に応じて、すべてのキューブを回転させる必要があるだろう。
「自動的に」したいことを達成することは可能ですか?