首页 > 建站教程 > WebGL教程 Threejs教程 >  threejs OrbitControls旋转角度限制正文

threejs OrbitControls旋转角度限制

threejs插件OrbitControls默认的垂直方向上的旋转角度很小,例如想要看到底面和天空,不行,可以通过minPolarAngle和maxPolarAngle来进行垂直方向上的控制限制:

controls.minPolarAngle = 0;
controls.maxPolarAngle = Math.PI;

上面的代码几乎完全解除了角度限制,可以任意查看,当然,下面的代码是完全解除是角度查看限制:

controls.minPolarAngle = -Infinity;
controls.maxPolarAngle = Infinity;


当然您也可以通过这个限制只能水平或垂直旋转查看,如:

controls.minPolarAngle = 0;
controls.maxPolarAngle = 0;

上面的代码只能垂直查看,无法水平查看等,如下图:

threejs OrbitControls旋转角度


此外,可以通过下面的代码来控制水平方向上的旋转角度限制:

controls.minAzimuthAngle = 0;
controls.maxAzimuthAngle = 100*Math.PI;