2
0

GeometryUtils.js 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  1. ( function () {
  2. class GeometryUtils {
  3. /**
  4. * Generates 2D-Coordinates in a very fast way.
  5. *
  6. * Based on work by:
  7. * @link http://www.openprocessing.org/sketch/15493
  8. *
  9. * @param center Center of Hilbert curve.
  10. * @param size Total width of Hilbert curve.
  11. * @param iterations Number of subdivisions.
  12. * @param v0 Corner index -X, -Z.
  13. * @param v1 Corner index -X, +Z.
  14. * @param v2 Corner index +X, +Z.
  15. * @param v3 Corner index +X, -Z.
  16. */
  17. static hilbert2D( center = new THREE.Vector3( 0, 0, 0 ), size = 10, iterations = 1, v0 = 0, v1 = 1, v2 = 2, v3 = 3 ) {
  18. const half = size / 2;
  19. const vec_s = [ new THREE.Vector3( center.x - half, center.y, center.z - half ), new THREE.Vector3( center.x - half, center.y, center.z + half ), new THREE.Vector3( center.x + half, center.y, center.z + half ), new THREE.Vector3( center.x + half, center.y, center.z - half ) ];
  20. const vec = [ vec_s[ v0 ], vec_s[ v1 ], vec_s[ v2 ], vec_s[ v3 ] ]; // Recurse iterations
  21. if ( 0 <= -- iterations ) {
  22. const tmp = [];
  23. Array.prototype.push.apply( tmp, GeometryUtils.hilbert2D( vec[ 0 ], half, iterations, v0, v3, v2, v1 ) );
  24. Array.prototype.push.apply( tmp, GeometryUtils.hilbert2D( vec[ 1 ], half, iterations, v0, v1, v2, v3 ) );
  25. Array.prototype.push.apply( tmp, GeometryUtils.hilbert2D( vec[ 2 ], half, iterations, v0, v1, v2, v3 ) );
  26. Array.prototype.push.apply( tmp, GeometryUtils.hilbert2D( vec[ 3 ], half, iterations, v2, v1, v0, v3 ) ); // Return recursive call
  27. return tmp;
  28. } // Return complete Hilbert Curve.
  29. return vec;
  30. }
  31. /**
  32. * Generates 3D-Coordinates in a very fast way.
  33. *
  34. * Based on work by:
  35. * @link http://www.openprocessing.org/visuals/?visualID=15599
  36. *
  37. * @param center Center of Hilbert curve.
  38. * @param size Total width of Hilbert curve.
  39. * @param iterations Number of subdivisions.
  40. * @param v0 Corner index -X, +Y, -Z.
  41. * @param v1 Corner index -X, +Y, +Z.
  42. * @param v2 Corner index -X, -Y, +Z.
  43. * @param v3 Corner index -X, -Y, -Z.
  44. * @param v4 Corner index +X, -Y, -Z.
  45. * @param v5 Corner index +X, -Y, +Z.
  46. * @param v6 Corner index +X, +Y, +Z.
  47. * @param v7 Corner index +X, +Y, -Z.
  48. */
  49. static hilbert3D( center = new THREE.Vector3( 0, 0, 0 ), size = 10, iterations = 1, v0 = 0, v1 = 1, v2 = 2, v3 = 3, v4 = 4, v5 = 5, v6 = 6, v7 = 7 ) {
  50. // Default Vars
  51. const half = size / 2;
  52. const vec_s = [ new THREE.Vector3( center.x - half, center.y + half, center.z - half ), new THREE.Vector3( center.x - half, center.y + half, center.z + half ), new THREE.Vector3( center.x - half, center.y - half, center.z + half ), new THREE.Vector3( center.x - half, center.y - half, center.z - half ), new THREE.Vector3( center.x + half, center.y - half, center.z - half ), new THREE.Vector3( center.x + half, center.y - half, center.z + half ), new THREE.Vector3( center.x + half, center.y + half, center.z + half ), new THREE.Vector3( center.x + half, center.y + half, center.z - half ) ];
  53. const vec = [ vec_s[ v0 ], vec_s[ v1 ], vec_s[ v2 ], vec_s[ v3 ], vec_s[ v4 ], vec_s[ v5 ], vec_s[ v6 ], vec_s[ v7 ] ]; // Recurse iterations
  54. if ( -- iterations >= 0 ) {
  55. const tmp = [];
  56. Array.prototype.push.apply( tmp, GeometryUtils.hilbert3D( vec[ 0 ], half, iterations, v0, v3, v4, v7, v6, v5, v2, v1 ) );
  57. Array.prototype.push.apply( tmp, GeometryUtils.hilbert3D( vec[ 1 ], half, iterations, v0, v7, v6, v1, v2, v5, v4, v3 ) );
  58. Array.prototype.push.apply( tmp, GeometryUtils.hilbert3D( vec[ 2 ], half, iterations, v0, v7, v6, v1, v2, v5, v4, v3 ) );
  59. Array.prototype.push.apply( tmp, GeometryUtils.hilbert3D( vec[ 3 ], half, iterations, v2, v3, v0, v1, v6, v7, v4, v5 ) );
  60. Array.prototype.push.apply( tmp, GeometryUtils.hilbert3D( vec[ 4 ], half, iterations, v2, v3, v0, v1, v6, v7, v4, v5 ) );
  61. Array.prototype.push.apply( tmp, GeometryUtils.hilbert3D( vec[ 5 ], half, iterations, v4, v3, v2, v5, v6, v1, v0, v7 ) );
  62. Array.prototype.push.apply( tmp, GeometryUtils.hilbert3D( vec[ 6 ], half, iterations, v4, v3, v2, v5, v6, v1, v0, v7 ) );
  63. Array.prototype.push.apply( tmp, GeometryUtils.hilbert3D( vec[ 7 ], half, iterations, v6, v5, v2, v1, v0, v3, v4, v7 ) ); // Return recursive call
  64. return tmp;
  65. } // Return complete Hilbert Curve.
  66. return vec;
  67. }
  68. /**
  69. * Generates a Gosper curve (lying in the XY plane)
  70. *
  71. * https://gist.github.com/nitaku/6521802
  72. *
  73. * @param size The size of a single gosper island.
  74. */
  75. static gosper( size = 1 ) {
  76. function fractalize( config ) {
  77. let output;
  78. let input = config.axiom;
  79. for ( let i = 0, il = config.steps; 0 <= il ? i < il : i > il; 0 <= il ? i ++ : i -- ) {
  80. output = '';
  81. for ( let j = 0, jl = input.length; j < jl; j ++ ) {
  82. const char = input[ j ];
  83. if ( char in config.rules ) {
  84. output += config.rules[ char ];
  85. } else {
  86. output += char;
  87. }
  88. }
  89. input = output;
  90. }
  91. return output;
  92. }
  93. function toPoints( config ) {
  94. let currX = 0,
  95. currY = 0;
  96. let angle = 0;
  97. const path = [ 0, 0, 0 ];
  98. const fractal = config.fractal;
  99. for ( let i = 0, l = fractal.length; i < l; i ++ ) {
  100. const char = fractal[ i ];
  101. if ( char === '+' ) {
  102. angle += config.angle;
  103. } else if ( char === '-' ) {
  104. angle -= config.angle;
  105. } else if ( char === 'F' ) {
  106. currX += config.size * Math.cos( angle );
  107. currY += - config.size * Math.sin( angle );
  108. path.push( currX, currY, 0 );
  109. }
  110. }
  111. return path;
  112. } //
  113. const gosper = fractalize( {
  114. axiom: 'A',
  115. steps: 4,
  116. rules: {
  117. A: 'A+BF++BF-FA--FAFA-BF+',
  118. B: '-FA+BFBF++BF+FA--FA-B'
  119. }
  120. } );
  121. const points = toPoints( {
  122. fractal: gosper,
  123. size: size,
  124. angle: Math.PI / 3 // 60 degrees
  125. } );
  126. return points;
  127. }
  128. }
  129. THREE.GeometryUtils = GeometryUtils;
  130. } )();