TessellateModifier.js 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274
  1. /**
  2. * Break faces with edges longer than maxEdgeLength
  3. */
  4. THREE.TessellateModifier = function ( maxEdgeLength = 0.1, maxIterations = 6, maxFaces = Infinity ) {
  5. this.maxEdgeLength = maxEdgeLength;
  6. this.maxIterations = maxIterations;
  7. this.maxFaces = maxFaces;
  8. };
  9. // Applies the "modify" pattern
  10. THREE.TessellateModifier.prototype.modify = function ( geometry ) {
  11. const isBufferGeometry = geometry.isBufferGeometry;
  12. if ( isBufferGeometry ) {
  13. geometry = new THREE.Geometry().fromBufferGeometry( geometry );
  14. } else {
  15. geometry = geometry.clone();
  16. }
  17. geometry.mergeVertices( 6 );
  18. let finalized = false;
  19. let iteration = 0;
  20. const maxEdgeLengthSquared = this.maxEdgeLength * this.maxEdgeLength;
  21. let edge;
  22. while ( ! finalized && iteration < this.maxIterations && geometry.faces.length < this.maxFaces ) {
  23. const faces = [];
  24. const faceVertexUvs = [];
  25. finalized = true;
  26. iteration ++;
  27. for ( var i = 0, il = geometry.faceVertexUvs.length; i < il; i ++ ) {
  28. faceVertexUvs[ i ] = [];
  29. }
  30. for ( var i = 0, il = geometry.faces.length; i < il; i ++ ) {
  31. const face = geometry.faces[ i ];
  32. if ( face instanceof THREE.Face3 ) {
  33. const a = face.a;
  34. const b = face.b;
  35. const c = face.c;
  36. const va = geometry.vertices[ a ];
  37. const vb = geometry.vertices[ b ];
  38. const vc = geometry.vertices[ c ];
  39. const dab = va.distanceToSquared( vb );
  40. const dbc = vb.distanceToSquared( vc );
  41. const dac = va.distanceToSquared( vc );
  42. const limitReached = ( faces.length + il - i ) >= this.maxFaces;
  43. if ( ! limitReached && ( dab > maxEdgeLengthSquared || dbc > maxEdgeLengthSquared || dac > maxEdgeLengthSquared ) ) {
  44. finalized = false;
  45. const m = geometry.vertices.length;
  46. const triA = face.clone();
  47. const triB = face.clone();
  48. if ( dab >= dbc && dab >= dac ) {
  49. var vm = va.clone();
  50. vm.lerp( vb, 0.5 );
  51. triA.a = a;
  52. triA.b = m;
  53. triA.c = c;
  54. triB.a = m;
  55. triB.b = b;
  56. triB.c = c;
  57. if ( face.vertexNormals.length === 3 ) {
  58. var vnm = face.vertexNormals[ 0 ].clone();
  59. vnm.lerp( face.vertexNormals[ 1 ], 0.5 );
  60. triA.vertexNormals[ 1 ].copy( vnm );
  61. triB.vertexNormals[ 0 ].copy( vnm );
  62. }
  63. if ( face.vertexColors.length === 3 ) {
  64. var vcm = face.vertexColors[ 0 ].clone();
  65. vcm.lerp( face.vertexColors[ 1 ], 0.5 );
  66. triA.vertexColors[ 1 ].copy( vcm );
  67. triB.vertexColors[ 0 ].copy( vcm );
  68. }
  69. edge = 0;
  70. } else if ( dbc >= dab && dbc >= dac ) {
  71. var vm = vb.clone();
  72. vm.lerp( vc, 0.5 );
  73. triA.a = a;
  74. triA.b = b;
  75. triA.c = m;
  76. triB.a = m;
  77. triB.b = c;
  78. triB.c = a;
  79. if ( face.vertexNormals.length === 3 ) {
  80. var vnm = face.vertexNormals[ 1 ].clone();
  81. vnm.lerp( face.vertexNormals[ 2 ], 0.5 );
  82. triA.vertexNormals[ 2 ].copy( vnm );
  83. triB.vertexNormals[ 0 ].copy( vnm );
  84. triB.vertexNormals[ 1 ].copy( face.vertexNormals[ 2 ] );
  85. triB.vertexNormals[ 2 ].copy( face.vertexNormals[ 0 ] );
  86. }
  87. if ( face.vertexColors.length === 3 ) {
  88. var vcm = face.vertexColors[ 1 ].clone();
  89. vcm.lerp( face.vertexColors[ 2 ], 0.5 );
  90. triA.vertexColors[ 2 ].copy( vcm );
  91. triB.vertexColors[ 0 ].copy( vcm );
  92. triB.vertexColors[ 1 ].copy( face.vertexColors[ 2 ] );
  93. triB.vertexColors[ 2 ].copy( face.vertexColors[ 0 ] );
  94. }
  95. edge = 1;
  96. } else {
  97. var vm = va.clone();
  98. vm.lerp( vc, 0.5 );
  99. triA.a = a;
  100. triA.b = b;
  101. triA.c = m;
  102. triB.a = m;
  103. triB.b = b;
  104. triB.c = c;
  105. if ( face.vertexNormals.length === 3 ) {
  106. var vnm = face.vertexNormals[ 0 ].clone();
  107. vnm.lerp( face.vertexNormals[ 2 ], 0.5 );
  108. triA.vertexNormals[ 2 ].copy( vnm );
  109. triB.vertexNormals[ 0 ].copy( vnm );
  110. }
  111. if ( face.vertexColors.length === 3 ) {
  112. var vcm = face.vertexColors[ 0 ].clone();
  113. vcm.lerp( face.vertexColors[ 2 ], 0.5 );
  114. triA.vertexColors[ 2 ].copy( vcm );
  115. triB.vertexColors[ 0 ].copy( vcm );
  116. }
  117. edge = 2;
  118. }
  119. faces.push( triA, triB );
  120. geometry.vertices.push( vm );
  121. for ( var j = 0, jl = geometry.faceVertexUvs.length; j < jl; j ++ ) {
  122. if ( geometry.faceVertexUvs[ j ].length ) {
  123. const uvs = geometry.faceVertexUvs[ j ][ i ];
  124. const uvA = uvs[ 0 ];
  125. const uvB = uvs[ 1 ];
  126. const uvC = uvs[ 2 ];
  127. // AB
  128. if ( edge === 0 ) {
  129. var uvM = uvA.clone();
  130. uvM.lerp( uvB, 0.5 );
  131. var uvsTriA = [ uvA.clone(), uvM.clone(), uvC.clone() ];
  132. var uvsTriB = [ uvM.clone(), uvB.clone(), uvC.clone() ];
  133. // BC
  134. } else if ( edge === 1 ) {
  135. var uvM = uvB.clone();
  136. uvM.lerp( uvC, 0.5 );
  137. var uvsTriA = [ uvA.clone(), uvB.clone(), uvM.clone() ];
  138. var uvsTriB = [ uvM.clone(), uvC.clone(), uvA.clone() ];
  139. // AC
  140. } else {
  141. var uvM = uvA.clone();
  142. uvM.lerp( uvC, 0.5 );
  143. var uvsTriA = [ uvA.clone(), uvB.clone(), uvM.clone() ];
  144. var uvsTriB = [ uvM.clone(), uvB.clone(), uvC.clone() ];
  145. }
  146. faceVertexUvs[ j ].push( uvsTriA, uvsTriB );
  147. }
  148. }
  149. } else {
  150. faces.push( face );
  151. for ( var j = 0, jl = geometry.faceVertexUvs.length; j < jl; j ++ ) {
  152. faceVertexUvs[ j ].push( geometry.faceVertexUvs[ j ][ i ] );
  153. }
  154. }
  155. }
  156. }
  157. geometry.faces = faces;
  158. geometry.faceVertexUvs = faceVertexUvs;
  159. }
  160. if ( isBufferGeometry ) {
  161. return new THREE.BufferGeometry().fromGeometry( geometry );
  162. } else {
  163. return geometry;
  164. }
  165. };