PointerLockControls.js 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. ( function () {
  2. const _euler = new THREE.Euler( 0, 0, 0, 'YXZ' );
  3. const _vector = new THREE.Vector3();
  4. const _changeEvent = {
  5. type: 'change'
  6. };
  7. const _lockEvent = {
  8. type: 'lock'
  9. };
  10. const _unlockEvent = {
  11. type: 'unlock'
  12. };
  13. const _PI_2 = Math.PI / 2;
  14. class PointerLockControls extends THREE.EventDispatcher {
  15. constructor( camera, domElement ) {
  16. super();
  17. this.domElement = domElement;
  18. this.isLocked = false;
  19. // Set to constrain the pitch of the camera
  20. // Range is 0 to Math.PI radians
  21. this.minPolarAngle = 0; // radians
  22. this.maxPolarAngle = Math.PI; // radians
  23. this.pointerSpeed = 1.0;
  24. const scope = this;
  25. function onMouseMove( event ) {
  26. if ( scope.isLocked === false ) return;
  27. const movementX = event.movementX || event.mozMovementX || event.webkitMovementX || 0;
  28. const movementY = event.movementY || event.mozMovementY || event.webkitMovementY || 0;
  29. _euler.setFromQuaternion( camera.quaternion );
  30. _euler.y -= movementX * 0.002 * scope.pointerSpeed;
  31. _euler.x -= movementY * 0.002 * scope.pointerSpeed;
  32. _euler.x = Math.max( _PI_2 - scope.maxPolarAngle, Math.min( _PI_2 - scope.minPolarAngle, _euler.x ) );
  33. camera.quaternion.setFromEuler( _euler );
  34. scope.dispatchEvent( _changeEvent );
  35. }
  36. function onPointerlockChange() {
  37. if ( scope.domElement.ownerDocument.pointerLockElement === scope.domElement ) {
  38. scope.dispatchEvent( _lockEvent );
  39. scope.isLocked = true;
  40. } else {
  41. scope.dispatchEvent( _unlockEvent );
  42. scope.isLocked = false;
  43. }
  44. }
  45. function onPointerlockError() {
  46. console.error( 'THREE.PointerLockControls: Unable to use Pointer Lock API' );
  47. }
  48. this.connect = function () {
  49. scope.domElement.ownerDocument.addEventListener( 'mousemove', onMouseMove );
  50. scope.domElement.ownerDocument.addEventListener( 'pointerlockchange', onPointerlockChange );
  51. scope.domElement.ownerDocument.addEventListener( 'pointerlockerror', onPointerlockError );
  52. };
  53. this.disconnect = function () {
  54. scope.domElement.ownerDocument.removeEventListener( 'mousemove', onMouseMove );
  55. scope.domElement.ownerDocument.removeEventListener( 'pointerlockchange', onPointerlockChange );
  56. scope.domElement.ownerDocument.removeEventListener( 'pointerlockerror', onPointerlockError );
  57. };
  58. this.dispose = function () {
  59. this.disconnect();
  60. };
  61. this.getObject = function () {
  62. // retaining this method for backward compatibility
  63. return camera;
  64. };
  65. this.getDirection = function () {
  66. const direction = new THREE.Vector3( 0, 0, - 1 );
  67. return function ( v ) {
  68. return v.copy( direction ).applyQuaternion( camera.quaternion );
  69. };
  70. }();
  71. this.moveForward = function ( distance ) {
  72. // move forward parallel to the xz-plane
  73. // assumes camera.up is y-up
  74. _vector.setFromMatrixColumn( camera.matrix, 0 );
  75. _vector.crossVectors( camera.up, _vector );
  76. camera.position.addScaledVector( _vector, distance );
  77. };
  78. this.moveRight = function ( distance ) {
  79. _vector.setFromMatrixColumn( camera.matrix, 0 );
  80. camera.position.addScaledVector( _vector, distance );
  81. };
  82. this.lock = function () {
  83. this.domElement.requestPointerLock();
  84. };
  85. this.unlock = function () {
  86. scope.domElement.ownerDocument.exitPointerLock();
  87. };
  88. this.connect();
  89. }
  90. }
  91. THREE.PointerLockControls = PointerLockControls;
  92. } )();