展示一个三维场景,你想控制360度旋转范围,比如一个工厂,你不希望用户看到工厂的底部,你可以通过设置相机的旋转范围属性来实现。
通过.minPolarAngle
和.maxPolarAngle
属性控制上下的旋转范围,默认从0到180度, 默认情况下0度,XOZ平面平行canvas画布,y轴垂直指向屏幕外,90度时候,渲染结果y轴竖直向上,180度,XOZ平面平行canvas画布,y轴垂直指向屏幕内。
设置翻转最小值
controls.minPolarAngle = 0 //默认值为0
设置翻转最大值
controls.maxPolarAngle=Math.PI; //默认值Math.PI 最大180
当前内容为观看threejs视频教程 WebGL/Three.js前端高薪3D可视化 课程-OrbitControls旋转缩放限制-实践的学习笔记