Three.js OrbitControls上下旋转试图360度却被限制为180度问题

其实这个问题是OrbitControls默认给上下旋转（对应极角polarAngle）加了范围限制，默认只能在0到π（180度）之间旋转，所以没法绕到物体正下方之后继续转圈。下面给你两种实用的解决思路：

方法一：不用修改源码，在业务代码里直接配置 #

这是最简单的方式，初始化完OrbitControls之后，直接调整它的极角范围属性就行：

// 假设你已经完成了controls的基础初始化
const controls = new OrbitControls(camera, renderer.domElement);
// 允许极角从0到2π（360度），这样就能实现上下完整转圈
controls.minPolarAngle = 0;
controls.maxPolarAngle = 2 * Math.PI;

如果想要完全无限制（可以无限上下旋转），也可以把范围设得更宽松：

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

方法二：修改OrbitControls.js源码的限制逻辑 #

如果你想从源码层面调整默认行为，可以找到OrbitControls.js里的这两处：

1. 先找到默认属性定义的地方，里面有：

this.minPolarAngle = 0; // radians
this.maxPolarAngle = Math.PI; // radians

把maxPolarAngle改成2 * Math.PI，这样默认就允许360度上下旋转了。

2. 另外，在update函数里有一段极角的 clamp 限制逻辑：

polarAngle = Math.max( minPolarAngle, Math.min( maxPolarAngle, polarAngle ) );

如果想彻底取消所有上下旋转限制，直接注释掉这行就行，这样polarAngle就不会被强制约束在固定范围内，能自由旋转360度甚至更多。

至于你提到的handleMouseMoveRotate函数，里面的纵向旋转是通过调用rotateUp来修改polarAngle的，只要上面的范围限制取消了，这个函数的逻辑就能正常实现360度旋转，不需要额外修改里面的代码~

内容的提问来源于stack exchange，提问作者idji