javascript - Threejsパースペクティブカメラが負のY値を持つのを防ぎますか?

Question

THREE.PerspectiveCameraがネガティブになるのをどのように防ぎますposition.yか?

マウスでカメラを制御するために、わずかに変更された TrackballControl を使用しています。これにより、カメラが z 軸上で回転するのを妨げていますが、カメラを「地面」より上に保ちたいと考えています。

Answer 1

THREE.OrbitControlsハッキングせずにカメラを直立に保つ をご覧ください。

を使用THREE.OrbitControlsしていて、天頂角を制限してカメラを地上に保ちたい場合は、簡単なハックが必要になります。

でOrbitControls.update()、次の行を置き換えます。

phi = Math.max( EPS, Math.min( Math.PI - EPS, phi ) );

これで：

phi = Math.max( EPS, Math.min( Math.PI/2 - EPS, phi ) );

Answer 2

カメラが 2 台あるとします。そのうちの 1 つは によって制御されていTrackballControlsます。もう 1 つはレンダリングに使用されます。レンダリング ループは次のようになります。

controls.update();

camera2.position.copy( camera.position );

if ( camera2.position.y < 0 ) camera2.position.y = 0;

renderer.render( scene, camera2 );