Three.js只在z＆x軸上旋轉的TrackballControls.js

Question

我試圖在三個j中設置TracballControls只能在兩個軸上移動，只能平移和傾斜，不能滾動。有沒有可能做到這一點？ 我的代碼：http://360.art.pl/experimental/2/ 鼠標移動的行爲應該是這樣的：http://360.art.pl/experimental/1/

Answer 1

我認爲這將有助於您：（解決我的問題）

看在你TrackballControl.js文件和更改線路148

來自：

_this.object.up.applyQuaternion(quaternion); 

到：

_this.object.up.applyQuaternion(new THREE.Vector4(0,0,0,1)); 

//更新 只有與舊版本

Answer 2

我意識到這是很老，但它仍然是主要的結果在谷歌，我將描述我是如何做這項工作的工作。

要防止滾動（鎖定z軸），可以防止rotateCamera（）更改相機的向上向量。

註釋掉線（〜行200）

_this.object.up.applyQuaternion(quaternion); 

如果你喜歡，你可以鎖定相機的旋轉矢量爲好，加上無論是

_this.object.rotation.z = 0; 

或

_this.object.rotation.set(0, 0, 0); 

到函數的結尾。然而在實踐中，我發現這並沒有太大的區別，因爲大部分的旋轉是由相機相對於它的目標運動（trackballControls.js文件中的_this.target）引起的。

Answer 3

我只是改變了可變

this.noPan 

上線26

爲false。 取消註釋

_this.object.up.applyQuaternion(quaternion); 

，並增加了

this.dynamicDampingFactor = 0.2; 

0.8。