三个js球体设备控制限制相机旋转

Question

使用三个j来创建一个球体并在里面添加一个360度的图片。 现在，照片的底部有一个黑洞。

有没有办法限制相机旋转并防止用户看到球体的最底部？

我有相机：

this.controls = new THREE.DeviceOrientationControls(this.camera, true);

• 在使用OrbitControls时也在寻找解决方案。

this.controls = new THREE.OrbitControls(this.camera, this.element);

目标设备：手机支持webgl。

Answer 1

来自THREE.OrbitControls的来源。如您所见，您可以限制控件旋转。

// How far you can orbit vertically, upper and lower limits.
// Range is 0 to Math.PI radians.
this.minPolarAngle = 0; // radians
this.maxPolarAngle = Math.PI; // radians

// How far you can orbit horizontally, upper and lower limits.
// If set, must be a sub-interval of the interval [ - Math.PI, Math.PI ].
this.minAzimuthAngle = - Infinity; // radians
this.maxAzimuthAngle = Infinity; // radians