THREE.OrbitControls参数设置

1、控制视角(仰视角、俯视角、水平方向视角)
2、控制鼠标缩放大小
3、控制旋转速度

this.controls = new OrbitControls(this.camera, this.renderer.domElement)
this.controls.mouseButtons = {
    LEFT: THREE.MOUSE.ROTATE,
    MIDDLE: THREE.MOUSE.DOLLY,
    RIGHT: THREE.MOUSE.PAN
}

// Set to false to disable this control
//鼠标控制是否可用
this.controls.enabled = true;
 
// "target" sets the location of focus, where the object orbits around
//聚焦坐标
this.controls.target = new THREE.Vector3();
 
// How far you can dolly in and out ( PerspectiveCamera only )
//最大最小相机移动距离(景深相机)
this.controls.minDistance = 0;
this.controls.maxDistance = Infinity;
// How far you can zoom in and out ( OrthographicCamera only )
//最大最小鼠标缩放大小(正交相机)
this.controls.minZoom = 0;
this.controls.maxZoom = Infinity;
 
// How far you can orbit vertically, upper and lower limits.
// Range is 0 to Math.PI radians.
//最大仰视角和俯视角
this.controls.minPolarAngle = 0; // radians
this.controls.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.controls.minAzimuthAngle = - Infinity; // radians
this.controls.maxAzimuthAngle = Infinity; // radians
 
// Set to true to enable damping (inertia)
// If damping is enabled, you must call controls.update() in your animation loop
//惯性滑动,滑动大小默认0.25
this.controls.enableDamping = false;
this.controls.dampingFactor = 0.25;
 
// This option actually enables dollying in and out; left as "zoom" for backwards compatibility.
// Set to false to disable zooming
//滚轮是否可控制zoom,zoom速度默认1
this.controls.enableZoom = true;
this.controls.zoomSpeed = 1.0;
 
// Set to false to disable rotating
//是否可旋转,旋转速度
this.controls.enableRotate = true;
this.controls.rotateSpeed = 1.0;
 
// Set to false to disable panning
//是否可平移,默认移动速度为7px
this.controls.enablePan = true;
this.controls.keyPanSpeed = 7.0;	// pixels moved per arrow key push
 
// Set to true to automatically rotate around the target
// If auto-rotate is enabled, you must call controls.update() in your animation loop
//是否自动旋转,自动旋转速度。默认每秒30圈
this.controls.autoRotate = false;
this.controls.autoRotateSpeed = 2.0; // 30 seconds per round when fps is 60
 
// Set to false to disable use of the keys
//是否能使用键盘
this.controls.enableKeys = true;
 
// The four arrow keys
//默认键盘控制上下左右的键
this.controls.keys = { LEFT: 37, UP: 38, RIGHT: 39, BOTTOM: 40 };
 
// Mouse buttons
//鼠标点击按钮
this.controls.mouseButtons = { ORBIT: THREE.MOUSE.LEFT, ZOOM: THREE.MOUSE.MIDDLE, PAN: THREE.MOUSE.RIGHT };

你可能感兴趣的:(webGl,three.js,three.js,controls,OrbitControls,仰视角,俯视角限制)