/** * @author mrdoob / http://mrdoob.com/ * @author Mugen87 / https://github.com/Mugen87 */ THREE.PointerLockControls = function ( camera, domElement ) { var scope = this; this.domElement = domElement || document.body; this.isLocked = false; camera.rotation.set( 0, 0, 0 ); var pitchObject = new THREE.Object3D(); pitchObject.add( camera ); var yawObject = new THREE.Object3D(); yawObject.position.y = 10; yawObject.add( pitchObject ); var PI_2 = Math.PI / 2; function onMouseMove( event ) { if ( scope.isLocked === false ) return; var movementX = event.movementX || event.mozMovementX || event.webkitMovementX || 0; var movementY = event.movementY || event.mozMovementY || event.webkitMovementY || 0; yawObject.rotation.y -= movementX * 0.002; pitchObject.rotation.x -= movementY * 0.002; pitchObject.rotation.x = Math.max( - PI_2, Math.min( PI_2, pitchObject.rotation.x ) ); } function onPointerlockChange() { if ( document.pointerLockElement === scope.domElement ) { scope.dispatchEvent( { type: 'lock' } ); scope.isLocked = true; } else { scope.dispatchEvent( { type: 'unlock' } ); scope.isLocked = false; } } function onPointerlockError() { console.error( 'THREE.PointerLockControls: Unable to use Pointer Lock API' ); } this.connect = function () { document.addEventListener( 'mousemove', onMouseMove, false ); document.addEventListener( 'pointerlockchange', onPointerlockChange, false ); document.addEventListener( 'pointerlockerror', onPointerlockError, false ); }; this.disconnect = function () { document.removeEventListener( 'mousemove', onMouseMove, false ); document.removeEventListener( 'pointerlockchange', onPointerlockChange, false ); document.removeEventListener( 'pointerlockerror', onPointerlockError, false ); }; this.dispose = function () { this.disconnect(); }; this.getObject = function () { return yawObject; }; this.getDirection = function () { // assumes the camera itself is not rotated var direction = new THREE.Vector3( 0, 0, - 1 ); var rotation = new THREE.Euler( 0, 0, 0, 'YXZ' ); return function ( v ) { rotation.set( pitchObject.rotation.x, yawObject.rotation.y, 0 ); v.copy( direction ).applyEuler( rotation ); return v; }; }(); this.lock = function () { this.domElement.requestPointerLock(); }; this.unlock = function () { document.exitPointerLock(); }; this.connect(); }; THREE.PointerLockControls.prototype = Object.create( THREE.EventDispatcher.prototype ); THREE.PointerLockControls.prototype.constructor = THREE.PointerLockControls;