TessellateModifier.js 5.7 KB

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