threejs控制相机旋转范围

threejs yekong 404℃

展示一个三维场景,你想控制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旋转缩放限制-实践的学习笔记

喜欢 (0)