Three.js：lookAt（）メソッドを呼び出すとメッシュが消えます

Question

メッシュ上で（CylinderBufferGeometryから）three.js lookAt（）メソッドを使用してポイントに向けるようにしようとしていますが、 .lookAt（）メソッドを呼び出すと、メッシュが表示されなくなります。

.lookAt（）メソッドをコメントアウトすると、シリンダが正常に表示されます。私はTHREE.PerspectiveCameraとTHREE.WebGLRendererを使用しています。この問題は、この問題と関係があります。

// Build cylinder 
var cylinderRadius = 0.15 
var cylinderHeight = 20 

var geometry = new THREE.CylinderBufferGeometry(cylinderRadius, cylinderRadius, cylinderHeight); 
var material = new THREE.MeshBasicMaterial({color: 0xffffff}); 
var cylinder = new THREE.Mesh(geometry, material); 

// Point the cylinder up 
cylinder.geometry.rotateX(Math.PI/2); 
cylinder.geometry.translate(0,0, cylinderHeight/2); 

// Move cylinder to position 
cylinder.position.x = 10; 
cylinder.position.y = 10; 

// Look at point 
cylinder.lookAt(0,0,15); // <-- ISSUE OCCURS HERE 

scene.add(cylinder); 

render(); 

Answer 1

cylinder.lookAt（new THREE.Vector3（0,0,15））;を使用します。 cylinder.lookAt（0,0,15）の代わりに。