2016-07-11 15 views
0

私はCSS3DObjectレンダリングツールを使ってthree.jsで開発したインターフェースを持っています。 私は、回転を防ぐために軌道を0に設定し、移動をパンとズームに制限しています。カメラを回転させずにthree.jsでカメラの位置を設定するにはどうすればよいですか?

私はオービットコントロールも使用しています。

Iは、次のコードで、X = -2000にカメラの位置を設定します。私はこれを行うと、カメラの位置を移動させるが、それでも得(0,0,0)を指している

camera.position.x=-2000; 
camera.position.z=4000; 

歪んだ外観で。 だから、私は私はまだルックアット作品をセットアップする方法の良い説明を見つけようとしていることに注意してください、それをベクトル

camera.up = new THREE.Vector3(0,1,0); //keeps the camera horizontal 
camera.lookAt(new THREE.Vector3(2000,0,0)); //should point the camera straight forward 

を与える必要があることを前提としています。

答えて

1

もう少し研究を重ねると、軌道制御がcamera.lookAtをオーバーライドしているように見え、結果として何もしないようです。 パンニングを達成するために、ターゲットの値と同じx位置のカメラを設定しました。 camera.upの行も削除しました。

var myCameraX = -2000; 
var myCameraY = 500; 

camera.position.x=myCameraX; 
camera.position.y=myCamerYa; 
control.target.set(myCameraX,myCameraY,0); 

誰かを助ける希望。

関連する問題