SelectionBox.js 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
  1. import {
  2. Frustum,
  3. Vector3,
  4. Matrix4,
  5. Quaternion,
  6. } from 'three';
  7. /**
  8. * This is a class to check whether objects are in a selection area in 3D space
  9. */
  10. const _frustum = new Frustum();
  11. const _center = new Vector3();
  12. const _tmpPoint = new Vector3();
  13. const _vecNear = new Vector3();
  14. const _vecTopLeft = new Vector3();
  15. const _vecTopRight = new Vector3();
  16. const _vecDownRight = new Vector3();
  17. const _vecDownLeft = new Vector3();
  18. const _vecFarTopLeft = new Vector3();
  19. const _vecFarTopRight = new Vector3();
  20. const _vecFarDownRight = new Vector3();
  21. const _vecFarDownLeft = new Vector3();
  22. const _vectemp1 = new Vector3();
  23. const _vectemp2 = new Vector3();
  24. const _vectemp3 = new Vector3();
  25. const _matrix = new Matrix4();
  26. const _quaternion = new Quaternion();
  27. const _scale = new Vector3();
  28. class SelectionBox {
  29. constructor( camera, scene, deep = Number.MAX_VALUE ) {
  30. this.camera = camera;
  31. this.scene = scene;
  32. this.startPoint = new Vector3();
  33. this.endPoint = new Vector3();
  34. this.collection = [];
  35. this.instances = {};
  36. this.deep = deep;
  37. }
  38. select( startPoint, endPoint ) {
  39. this.startPoint = startPoint || this.startPoint;
  40. this.endPoint = endPoint || this.endPoint;
  41. this.collection = [];
  42. this.updateFrustum( this.startPoint, this.endPoint );
  43. this.searchChildInFrustum( _frustum, this.scene );
  44. return this.collection;
  45. }
  46. updateFrustum( startPoint, endPoint ) {
  47. startPoint = startPoint || this.startPoint;
  48. endPoint = endPoint || this.endPoint;
  49. // Avoid invalid frustum
  50. if ( startPoint.x === endPoint.x ) {
  51. endPoint.x += Number.EPSILON;
  52. }
  53. if ( startPoint.y === endPoint.y ) {
  54. endPoint.y += Number.EPSILON;
  55. }
  56. this.camera.updateProjectionMatrix();
  57. this.camera.updateMatrixWorld();
  58. if ( this.camera.isPerspectiveCamera ) {
  59. _tmpPoint.copy( startPoint );
  60. _tmpPoint.x = Math.min( startPoint.x, endPoint.x );
  61. _tmpPoint.y = Math.max( startPoint.y, endPoint.y );
  62. endPoint.x = Math.max( startPoint.x, endPoint.x );
  63. endPoint.y = Math.min( startPoint.y, endPoint.y );
  64. _vecNear.setFromMatrixPosition( this.camera.matrixWorld );
  65. _vecTopLeft.copy( _tmpPoint );
  66. _vecTopRight.set( endPoint.x, _tmpPoint.y, 0 );
  67. _vecDownRight.copy( endPoint );
  68. _vecDownLeft.set( _tmpPoint.x, endPoint.y, 0 );
  69. _vecTopLeft.unproject( this.camera );
  70. _vecTopRight.unproject( this.camera );
  71. _vecDownRight.unproject( this.camera );
  72. _vecDownLeft.unproject( this.camera );
  73. _vectemp1.copy( _vecTopLeft ).sub( _vecNear );
  74. _vectemp2.copy( _vecTopRight ).sub( _vecNear );
  75. _vectemp3.copy( _vecDownRight ).sub( _vecNear );
  76. _vectemp1.normalize();
  77. _vectemp2.normalize();
  78. _vectemp3.normalize();
  79. _vectemp1.multiplyScalar( this.deep );
  80. _vectemp2.multiplyScalar( this.deep );
  81. _vectemp3.multiplyScalar( this.deep );
  82. _vectemp1.add( _vecNear );
  83. _vectemp2.add( _vecNear );
  84. _vectemp3.add( _vecNear );
  85. const planes = _frustum.planes;
  86. planes[ 0 ].setFromCoplanarPoints( _vecNear, _vecTopLeft, _vecTopRight );
  87. planes[ 1 ].setFromCoplanarPoints( _vecNear, _vecTopRight, _vecDownRight );
  88. planes[ 2 ].setFromCoplanarPoints( _vecDownRight, _vecDownLeft, _vecNear );
  89. planes[ 3 ].setFromCoplanarPoints( _vecDownLeft, _vecTopLeft, _vecNear );
  90. planes[ 4 ].setFromCoplanarPoints( _vecTopRight, _vecDownRight, _vecDownLeft );
  91. planes[ 5 ].setFromCoplanarPoints( _vectemp3, _vectemp2, _vectemp1 );
  92. planes[ 5 ].normal.multiplyScalar( - 1 );
  93. } else if ( this.camera.isOrthographicCamera ) {
  94. const left = Math.min( startPoint.x, endPoint.x );
  95. const top = Math.max( startPoint.y, endPoint.y );
  96. const right = Math.max( startPoint.x, endPoint.x );
  97. const down = Math.min( startPoint.y, endPoint.y );
  98. _vecTopLeft.set( left, top, - 1 );
  99. _vecTopRight.set( right, top, - 1 );
  100. _vecDownRight.set( right, down, - 1 );
  101. _vecDownLeft.set( left, down, - 1 );
  102. _vecFarTopLeft.set( left, top, 1 );
  103. _vecFarTopRight.set( right, top, 1 );
  104. _vecFarDownRight.set( right, down, 1 );
  105. _vecFarDownLeft.set( left, down, 1 );
  106. _vecTopLeft.unproject( this.camera );
  107. _vecTopRight.unproject( this.camera );
  108. _vecDownRight.unproject( this.camera );
  109. _vecDownLeft.unproject( this.camera );
  110. _vecFarTopLeft.unproject( this.camera );
  111. _vecFarTopRight.unproject( this.camera );
  112. _vecFarDownRight.unproject( this.camera );
  113. _vecFarDownLeft.unproject( this.camera );
  114. const planes = _frustum.planes;
  115. planes[ 0 ].setFromCoplanarPoints( _vecTopLeft, _vecFarTopLeft, _vecFarTopRight );
  116. planes[ 1 ].setFromCoplanarPoints( _vecTopRight, _vecFarTopRight, _vecFarDownRight );
  117. planes[ 2 ].setFromCoplanarPoints( _vecFarDownRight, _vecFarDownLeft, _vecDownLeft );
  118. planes[ 3 ].setFromCoplanarPoints( _vecFarDownLeft, _vecFarTopLeft, _vecTopLeft );
  119. planes[ 4 ].setFromCoplanarPoints( _vecTopRight, _vecDownRight, _vecDownLeft );
  120. planes[ 5 ].setFromCoplanarPoints( _vecFarDownRight, _vecFarTopRight, _vecFarTopLeft );
  121. planes[ 5 ].normal.multiplyScalar( - 1 );
  122. } else {
  123. console.error( 'THREE.SelectionBox: Unsupported camera type.' );
  124. }
  125. }
  126. searchChildInFrustum( frustum, object ) {
  127. if ( object.isMesh || object.isLine || object.isPoints ) {
  128. if ( object.isInstancedMesh ) {
  129. this.instances[ object.uuid ] = [];
  130. for ( let instanceId = 0; instanceId < object.count; instanceId ++ ) {
  131. object.getMatrixAt( instanceId, _matrix );
  132. _matrix.decompose( _center, _quaternion, _scale );
  133. _center.applyMatrix4( object.matrixWorld );
  134. if ( frustum.containsPoint( _center ) ) {
  135. this.instances[ object.uuid ].push( instanceId );
  136. }
  137. }
  138. } else {
  139. if ( object.geometry.boundingSphere === null ) object.geometry.computeBoundingSphere();
  140. _center.copy( object.geometry.boundingSphere.center );
  141. _center.applyMatrix4( object.matrixWorld );
  142. if ( frustum.containsPoint( _center ) ) {
  143. this.collection.push( object );
  144. }
  145. }
  146. }
  147. if ( object.children.length > 0 ) {
  148. for ( let x = 0; x < object.children.length; x ++ ) {
  149. this.searchChildInFrustum( frustum, object.children[ x ] );
  150. }
  151. }
  152. }
  153. }
  154. export { SelectionBox };