オブジェクトからTHREE.js行列をコピーしてください

Question

Three.jsで同じ行列mulitiplyをする必要があります。私はObject3Dを持っていたし、これを行うとき、私はCONSOLE.LOGする権利行列を得る：

console.log (scene.getObjectByName("Pointer").matrix) 

結果は次のようである：

T ... E.Matrix4 {要素：[16] Float32Array} 要素：Float32Array [16] 0：11：02：03：04：05：16：07：08：09：0 10：11 1：0 12：-150 13：0 14：0 15：1

ここで、12番目の要素の値は-150です（obj.translationX（-150）の後）。 identiy行列をバック与える

 var newMat = new THREE.Matrix4(); 
     console.log(scene.getObjectByName("Pointer").matrix.elements) 
     // output: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1] 
     newMat = newMat.copy(scene.getObjectByName("Pointer").matrix); 
     console.log(newMat); 
     // output:elements: Float32Array[16] 1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1 

（第12回要素の意味は次のとおりです。0）ここで間違っている

いただきましたか？

更新：内のレンダリングループ... newMat.copy（...）..うまく動作します！

Answer 1

three.jsは、オブジェクトの位置、スケール、回転に従ってページをレンダリングするときに、オブジェクトマトリックスを更新します。オブジェクト行列を設定すると、すぐに書き換えられます。 オブジェクト行列を手動で設定するには、自動更新をfalseに設定する必要があります。

あなたのコードを使用してください。

var newMat = new THREE.Matrix4(); 
    console.log(scene.getObjectByName("Pointer").matrix.elements) 
    // output: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1] 
    newMat = newMat.copy(scene.getObjectByName("Pointer").matrix); 
    console.log(newMat);