WebXRManager.js 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. */
  4. import { Group } from '../../objects/Group.js';
  5. import { Matrix4 } from '../../math/Matrix4.js';
  6. import { Vector4 } from '../../math/Vector4.js';
  7. import { ArrayCamera } from '../../cameras/ArrayCamera.js';
  8. import { PerspectiveCamera } from '../../cameras/PerspectiveCamera.js';
  9. import { WebGLAnimation } from '../webgl/WebGLAnimation.js';
  10. import { setProjectionFromUnion } from './WebVRUtils.js';
  11. function WebXRManager( renderer ) {
  12. var gl = renderer.context;
  13. var session = null;
  14. var framebufferScaleFactor = 1.0;
  15. var referenceSpace = null;
  16. var referenceSpaceType = 'local-floor';
  17. var pose = null;
  18. var controllers = [];
  19. var inputSources = [];
  20. function isPresenting() {
  21. return session !== null && referenceSpace !== null;
  22. }
  23. //
  24. var cameraL = new PerspectiveCamera();
  25. cameraL.layers.enable( 1 );
  26. cameraL.viewport = new Vector4();
  27. var cameraR = new PerspectiveCamera();
  28. cameraR.layers.enable( 2 );
  29. cameraR.viewport = new Vector4();
  30. var cameraVR = new ArrayCamera( [ cameraL, cameraR ] );
  31. cameraVR.layers.enable( 1 );
  32. cameraVR.layers.enable( 2 );
  33. //
  34. this.enabled = false;
  35. this.getController = function ( id ) {
  36. var controller = controllers[ id ];
  37. if ( controller === undefined ) {
  38. controller = new Group();
  39. controller.matrixAutoUpdate = false;
  40. controller.visible = false;
  41. controllers[ id ] = controller;
  42. }
  43. return controller;
  44. };
  45. //
  46. function onSessionEvent( event ) {
  47. for ( var i = 0; i < controllers.length; i ++ ) {
  48. if ( inputSources[ i ] === event.inputSource ) {
  49. controllers[ i ].dispatchEvent( { type: event.type } );
  50. }
  51. }
  52. }
  53. function onSessionEnd() {
  54. renderer.setFramebuffer( null );
  55. renderer.setRenderTarget( renderer.getRenderTarget() ); // Hack #15830
  56. animation.stop();
  57. }
  58. function onRequestReferenceSpace( value ) {
  59. referenceSpace = value;
  60. animation.setContext( session );
  61. animation.start();
  62. }
  63. this.setFramebufferScaleFactor = function ( value ) {
  64. framebufferScaleFactor = value;
  65. };
  66. this.setReferenceSpaceType = function ( value ) {
  67. referenceSpaceType = value;
  68. };
  69. this.getSession = function () {
  70. return session;
  71. };
  72. this.setSession = function ( value ) {
  73. session = value;
  74. if ( session !== null ) {
  75. session.addEventListener( 'select', onSessionEvent );
  76. session.addEventListener( 'selectstart', onSessionEvent );
  77. session.addEventListener( 'selectend', onSessionEvent );
  78. session.addEventListener( 'end', onSessionEnd );
  79. session.updateRenderState( { baseLayer: new XRWebGLLayer( session, gl ) } );
  80. session.requestReferenceSpace( referenceSpaceType ).then( onRequestReferenceSpace );
  81. //
  82. inputSources = session.inputSources;
  83. session.addEventListener( 'inputsourceschange', function () {
  84. inputSources = session.inputSources;
  85. console.log( inputSources );
  86. for ( var i = 0; i < controllers.length; i ++ ) {
  87. var controller = controllers[ i ];
  88. controller.userData.inputSource = inputSources[ i ];
  89. }
  90. } );
  91. }
  92. };
  93. function updateCamera( camera, parent ) {
  94. if ( parent === null ) {
  95. camera.matrixWorld.copy( camera.matrix );
  96. } else {
  97. camera.matrixWorld.multiplyMatrices( parent.matrixWorld, camera.matrix );
  98. }
  99. camera.matrixWorldInverse.getInverse( camera.matrixWorld );
  100. }
  101. this.getCamera = function ( camera ) {
  102. if ( isPresenting() ) {
  103. var parent = camera.parent;
  104. var cameras = cameraVR.cameras;
  105. updateCamera( cameraVR, parent );
  106. for ( var i = 0; i < cameras.length; i ++ ) {
  107. updateCamera( cameras[ i ], parent );
  108. }
  109. // update camera and its children
  110. camera.matrixWorld.copy( cameraVR.matrixWorld );
  111. var children = camera.children;
  112. for ( var i = 0, l = children.length; i < l; i ++ ) {
  113. children[ i ].updateMatrixWorld( true );
  114. }
  115. setProjectionFromUnion( cameraVR, cameraL, cameraR );
  116. return cameraVR;
  117. }
  118. return camera;
  119. };
  120. this.isPresenting = isPresenting;
  121. // Animation Loop
  122. var onAnimationFrameCallback = null;
  123. function onAnimationFrame( time, frame ) {
  124. pose = frame.getViewerPose( referenceSpace );
  125. if ( pose !== null ) {
  126. var views = pose.views;
  127. var baseLayer = session.renderState.baseLayer;
  128. renderer.setFramebuffer( baseLayer.framebuffer );
  129. for ( var i = 0; i < views.length; i ++ ) {
  130. var view = views[ i ];
  131. var viewport = baseLayer.getViewport( view );
  132. var viewMatrix = view.transform.inverse.matrix;
  133. var camera = cameraVR.cameras[ i ];
  134. camera.matrix.fromArray( viewMatrix ).getInverse( camera.matrix );
  135. camera.projectionMatrix.fromArray( view.projectionMatrix );
  136. camera.viewport.set( viewport.x, viewport.y, viewport.width, viewport.height );
  137. if ( i === 0 ) {
  138. cameraVR.matrix.copy( camera.matrix );
  139. }
  140. }
  141. }
  142. //
  143. for ( var i = 0; i < controllers.length; i ++ ) {
  144. var controller = controllers[ i ];
  145. var inputSource = inputSources[ i ];
  146. if ( inputSource ) {
  147. var inputPose = frame.getPose( inputSource.targetRaySpace, referenceSpace );
  148. if ( inputPose !== null ) {
  149. controller.matrix.fromArray( inputPose.transform.matrix );
  150. controller.matrix.decompose( controller.position, controller.rotation, controller.scale );
  151. controller.visible = true;
  152. continue;
  153. }
  154. }
  155. controller.visible = false;
  156. }
  157. if ( onAnimationFrameCallback ) onAnimationFrameCallback( time );
  158. }
  159. var animation = new WebGLAnimation();
  160. animation.setAnimationLoop( onAnimationFrame );
  161. this.setAnimationLoop = function ( callback ) {
  162. onAnimationFrameCallback = callback;
  163. };
  164. this.dispose = function () {};
  165. // DEPRECATED
  166. this.getStandingMatrix = function () {
  167. console.warn( 'THREE.WebXRManager: getStandingMatrix() is no longer needed.' );
  168. return new Matrix4();
  169. };
  170. this.getDevice = function () {
  171. console.warn( 'THREE.WebXRManager: getDevice() has been deprecated.' );
  172. };
  173. this.setDevice = function () {
  174. console.warn( 'THREE.WebXRManager: setDevice() has been deprecated.' );
  175. };
  176. this.setFrameOfReferenceType = function () {
  177. console.warn( 'THREE.WebXRManager: setFrameOfReferenceType() has been deprecated.' );
  178. };
  179. this.submitFrame = function () {};
  180. }
  181. export { WebXRManager };