BufferGeometryUtils.js 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. */
  4. import {
  5. BufferAttribute,
  6. BufferGeometry,
  7. InterleavedBuffer,
  8. InterleavedBufferAttribute,
  9. TriangleFanDrawMode,
  10. TriangleStripDrawMode,
  11. TrianglesDrawMode,
  12. Vector2,
  13. Vector3
  14. } from "../../../build/three.module.js";
  15. var BufferGeometryUtils = {
  16. computeTangents: function ( geometry ) {
  17. var index = geometry.index;
  18. var attributes = geometry.attributes;
  19. // based on http://www.terathon.com/code/tangent.html
  20. // (per vertex tangents)
  21. if ( index === null ||
  22. attributes.position === undefined ||
  23. attributes.normal === undefined ||
  24. attributes.uv === undefined ) {
  25. console.warn( 'THREE.BufferGeometry: Missing required attributes (index, position, normal or uv) in BufferGeometry.computeTangents()' );
  26. return;
  27. }
  28. var indices = index.array;
  29. var positions = attributes.position.array;
  30. var normals = attributes.normal.array;
  31. var uvs = attributes.uv.array;
  32. var nVertices = positions.length / 3;
  33. if ( attributes.tangent === undefined ) {
  34. geometry.setAttribute( 'tangent', new BufferAttribute( new Float32Array( 4 * nVertices ), 4 ) );
  35. }
  36. var tangents = attributes.tangent.array;
  37. var tan1 = [], tan2 = [];
  38. for ( var i = 0; i < nVertices; i ++ ) {
  39. tan1[ i ] = new Vector3();
  40. tan2[ i ] = new Vector3();
  41. }
  42. var vA = new Vector3(),
  43. vB = new Vector3(),
  44. vC = new Vector3(),
  45. uvA = new Vector2(),
  46. uvB = new Vector2(),
  47. uvC = new Vector2(),
  48. sdir = new Vector3(),
  49. tdir = new Vector3();
  50. function handleTriangle( a, b, c ) {
  51. vA.fromArray( positions, a * 3 );
  52. vB.fromArray( positions, b * 3 );
  53. vC.fromArray( positions, c * 3 );
  54. uvA.fromArray( uvs, a * 2 );
  55. uvB.fromArray( uvs, b * 2 );
  56. uvC.fromArray( uvs, c * 2 );
  57. vB.sub( vA );
  58. vC.sub( vA );
  59. uvB.sub( uvA );
  60. uvC.sub( uvA );
  61. var r = 1.0 / ( uvB.x * uvC.y - uvC.x * uvB.y );
  62. // silently ignore degenerate uv triangles having coincident or colinear vertices
  63. if ( ! isFinite( r ) ) return;
  64. sdir.copy( vB ).multiplyScalar( uvC.y ).addScaledVector( vC, - uvB.y ).multiplyScalar( r );
  65. tdir.copy( vC ).multiplyScalar( uvB.x ).addScaledVector( vB, - uvC.x ).multiplyScalar( r );
  66. tan1[ a ].add( sdir );
  67. tan1[ b ].add( sdir );
  68. tan1[ c ].add( sdir );
  69. tan2[ a ].add( tdir );
  70. tan2[ b ].add( tdir );
  71. tan2[ c ].add( tdir );
  72. }
  73. var groups = geometry.groups;
  74. if ( groups.length === 0 ) {
  75. groups = [ {
  76. start: 0,
  77. count: indices.length
  78. } ];
  79. }
  80. for ( var i = 0, il = groups.length; i < il; ++ i ) {
  81. var group = groups[ i ];
  82. var start = group.start;
  83. var count = group.count;
  84. for ( var j = start, jl = start + count; j < jl; j += 3 ) {
  85. handleTriangle(
  86. indices[ j + 0 ],
  87. indices[ j + 1 ],
  88. indices[ j + 2 ]
  89. );
  90. }
  91. }
  92. var tmp = new Vector3(), tmp2 = new Vector3();
  93. var n = new Vector3(), n2 = new Vector3();
  94. var w, t, test;
  95. function handleVertex( v ) {
  96. n.fromArray( normals, v * 3 );
  97. n2.copy( n );
  98. t = tan1[ v ];
  99. // Gram-Schmidt orthogonalize
  100. tmp.copy( t );
  101. tmp.sub( n.multiplyScalar( n.dot( t ) ) ).normalize();
  102. // Calculate handedness
  103. tmp2.crossVectors( n2, t );
  104. test = tmp2.dot( tan2[ v ] );
  105. w = ( test < 0.0 ) ? - 1.0 : 1.0;
  106. tangents[ v * 4 ] = tmp.x;
  107. tangents[ v * 4 + 1 ] = tmp.y;
  108. tangents[ v * 4 + 2 ] = tmp.z;
  109. tangents[ v * 4 + 3 ] = w;
  110. }
  111. for ( var i = 0, il = groups.length; i < il; ++ i ) {
  112. var group = groups[ i ];
  113. var start = group.start;
  114. var count = group.count;
  115. for ( var j = start, jl = start + count; j < jl; j += 3 ) {
  116. handleVertex( indices[ j + 0 ] );
  117. handleVertex( indices[ j + 1 ] );
  118. handleVertex( indices[ j + 2 ] );
  119. }
  120. }
  121. },
  122. /**
  123. * @param {Array<BufferGeometry>} geometries
  124. * @param {Boolean} useGroups
  125. * @return {BufferGeometry}
  126. */
  127. mergeBufferGeometries: function ( geometries, useGroups ) {
  128. var isIndexed = geometries[ 0 ].index !== null;
  129. var attributesUsed = new Set( Object.keys( geometries[ 0 ].attributes ) );
  130. var morphAttributesUsed = new Set( Object.keys( geometries[ 0 ].morphAttributes ) );
  131. var attributes = {};
  132. var morphAttributes = {};
  133. var morphTargetsRelative = geometries[ 0 ].morphTargetsRelative;
  134. var mergedGeometry = new BufferGeometry();
  135. var offset = 0;
  136. for ( var i = 0; i < geometries.length; ++ i ) {
  137. var geometry = geometries[ i ];
  138. // ensure that all geometries are indexed, or none
  139. if ( isIndexed !== ( geometry.index !== null ) ) {
  140. console.error( 'THREE.BufferGeometryUtils: .mergeBufferGeometries() failed with geometry at index ' + i + '. All geometries must have compatible attributes; make sure index attribute exists among all geometries, or in none of them.' );
  141. return null;
  142. }
  143. // gather attributes, exit early if they're different
  144. for ( var name in geometry.attributes ) {
  145. if ( ! attributesUsed.has( name ) ) {
  146. console.error( 'THREE.BufferGeometryUtils: .mergeBufferGeometries() failed with geometry at index ' + i + '. All geometries must have compatible attributes; make sure "' + name + '" attribute exists among all geometries, or in none of them.' );
  147. return null;
  148. }
  149. if ( attributes[ name ] === undefined ) attributes[ name ] = [];
  150. attributes[ name ].push( geometry.attributes[ name ] );
  151. }
  152. // gather morph attributes, exit early if they're different
  153. if ( morphTargetsRelative !== geometry.morphTargetsRelative ) {
  154. console.error( 'THREE.BufferGeometryUtils: .mergeBufferGeometries() failed with geometry at index ' + i + '. .morphTargetsRelative must be consistent throughout all geometries.' );
  155. return null;
  156. }
  157. for ( var name in geometry.morphAttributes ) {
  158. if ( ! morphAttributesUsed.has( name ) ) {
  159. console.error( 'THREE.BufferGeometryUtils: .mergeBufferGeometries() failed with geometry at index ' + i + '. .morphAttributes must be consistent throughout all geometries.' );
  160. return null;
  161. }
  162. if ( morphAttributes[ name ] === undefined ) morphAttributes[ name ] = [];
  163. morphAttributes[ name ].push( geometry.morphAttributes[ name ] );
  164. }
  165. // gather .userData
  166. mergedGeometry.userData.mergedUserData = mergedGeometry.userData.mergedUserData || [];
  167. mergedGeometry.userData.mergedUserData.push( geometry.userData );
  168. if ( useGroups ) {
  169. var count;
  170. if ( isIndexed ) {
  171. count = geometry.index.count;
  172. } else if ( geometry.attributes.position !== undefined ) {
  173. count = geometry.attributes.position.count;
  174. } else {
  175. console.error( 'THREE.BufferGeometryUtils: .mergeBufferGeometries() failed with geometry at index ' + i + '. The geometry must have either an index or a position attribute' );
  176. return null;
  177. }
  178. mergedGeometry.addGroup( offset, count, i );
  179. offset += count;
  180. }
  181. }
  182. // merge indices
  183. if ( isIndexed ) {
  184. var indexOffset = 0;
  185. var mergedIndex = [];
  186. for ( var i = 0; i < geometries.length; ++ i ) {
  187. var index = geometries[ i ].index;
  188. for ( var j = 0; j < index.count; ++ j ) {
  189. mergedIndex.push( index.getX( j ) + indexOffset );
  190. }
  191. indexOffset += geometries[ i ].attributes.position.count;
  192. }
  193. mergedGeometry.setIndex( mergedIndex );
  194. }
  195. // merge attributes
  196. for ( var name in attributes ) {
  197. var mergedAttribute = this.mergeBufferAttributes( attributes[ name ] );
  198. if ( ! mergedAttribute ) {
  199. console.error( 'THREE.BufferGeometryUtils: .mergeBufferGeometries() failed while trying to merge the ' + name + ' attribute.' );
  200. return null;
  201. }
  202. mergedGeometry.setAttribute( name, mergedAttribute );
  203. }
  204. // merge morph attributes
  205. for ( var name in morphAttributes ) {
  206. var numMorphTargets = morphAttributes[ name ][ 0 ].length;
  207. if ( numMorphTargets === 0 ) break;
  208. mergedGeometry.morphAttributes = mergedGeometry.morphAttributes || {};
  209. mergedGeometry.morphAttributes[ name ] = [];
  210. for ( var i = 0; i < numMorphTargets; ++ i ) {
  211. var morphAttributesToMerge = [];
  212. for ( var j = 0; j < morphAttributes[ name ].length; ++ j ) {
  213. morphAttributesToMerge.push( morphAttributes[ name ][ j ][ i ] );
  214. }
  215. var mergedMorphAttribute = this.mergeBufferAttributes( morphAttributesToMerge );
  216. if ( ! mergedMorphAttribute ) {
  217. console.error( 'THREE.BufferGeometryUtils: .mergeBufferGeometries() failed while trying to merge the ' + name + ' morphAttribute.' );
  218. return null;
  219. }
  220. mergedGeometry.morphAttributes[ name ].push( mergedMorphAttribute );
  221. }
  222. }
  223. return mergedGeometry;
  224. },
  225. /**
  226. * @param {Array<BufferAttribute>} attributes
  227. * @return {BufferAttribute}
  228. */
  229. mergeBufferAttributes: function ( attributes ) {
  230. var TypedArray;
  231. var itemSize;
  232. var normalized;
  233. var arrayLength = 0;
  234. for ( var i = 0; i < attributes.length; ++ i ) {
  235. var attribute = attributes[ i ];
  236. if ( attribute.isInterleavedBufferAttribute ) {
  237. console.error( 'THREE.BufferGeometryUtils: .mergeBufferAttributes() failed. InterleavedBufferAttributes are not supported.' );
  238. return null;
  239. }
  240. if ( TypedArray === undefined ) TypedArray = attribute.array.constructor;
  241. if ( TypedArray !== attribute.array.constructor ) {
  242. console.error( 'THREE.BufferGeometryUtils: .mergeBufferAttributes() failed. BufferAttribute.array must be of consistent array types across matching attributes.' );
  243. return null;
  244. }
  245. if ( itemSize === undefined ) itemSize = attribute.itemSize;
  246. if ( itemSize !== attribute.itemSize ) {
  247. console.error( 'THREE.BufferGeometryUtils: .mergeBufferAttributes() failed. BufferAttribute.itemSize must be consistent across matching attributes.' );
  248. return null;
  249. }
  250. if ( normalized === undefined ) normalized = attribute.normalized;
  251. if ( normalized !== attribute.normalized ) {
  252. console.error( 'THREE.BufferGeometryUtils: .mergeBufferAttributes() failed. BufferAttribute.normalized must be consistent across matching attributes.' );
  253. return null;
  254. }
  255. arrayLength += attribute.array.length;
  256. }
  257. var array = new TypedArray( arrayLength );
  258. var offset = 0;
  259. for ( var i = 0; i < attributes.length; ++ i ) {
  260. array.set( attributes[ i ].array, offset );
  261. offset += attributes[ i ].array.length;
  262. }
  263. return new BufferAttribute( array, itemSize, normalized );
  264. },
  265. /**
  266. * @param {Array<BufferAttribute>} attributes
  267. * @return {Array<InterleavedBufferAttribute>}
  268. */
  269. interleaveAttributes: function ( attributes ) {
  270. // Interleaves the provided attributes into an InterleavedBuffer and returns
  271. // a set of InterleavedBufferAttributes for each attribute
  272. var TypedArray;
  273. var arrayLength = 0;
  274. var stride = 0;
  275. // calculate the the length and type of the interleavedBuffer
  276. for ( var i = 0, l = attributes.length; i < l; ++ i ) {
  277. var attribute = attributes[ i ];
  278. if ( TypedArray === undefined ) TypedArray = attribute.array.constructor;
  279. if ( TypedArray !== attribute.array.constructor ) {
  280. console.error( 'AttributeBuffers of different types cannot be interleaved' );
  281. return null;
  282. }
  283. arrayLength += attribute.array.length;
  284. stride += attribute.itemSize;
  285. }
  286. // Create the set of buffer attributes
  287. var interleavedBuffer = new InterleavedBuffer( new TypedArray( arrayLength ), stride );
  288. var offset = 0;
  289. var res = [];
  290. var getters = [ 'getX', 'getY', 'getZ', 'getW' ];
  291. var setters = [ 'setX', 'setY', 'setZ', 'setW' ];
  292. for ( var j = 0, l = attributes.length; j < l; j ++ ) {
  293. var attribute = attributes[ j ];
  294. var itemSize = attribute.itemSize;
  295. var count = attribute.count;
  296. var iba = new InterleavedBufferAttribute( interleavedBuffer, itemSize, offset, attribute.normalized );
  297. res.push( iba );
  298. offset += itemSize;
  299. // Move the data for each attribute into the new interleavedBuffer
  300. // at the appropriate offset
  301. for ( var c = 0; c < count; c ++ ) {
  302. for ( var k = 0; k < itemSize; k ++ ) {
  303. iba[ setters[ k ] ]( c, attribute[ getters[ k ] ]( c ) );
  304. }
  305. }
  306. }
  307. return res;
  308. },
  309. /**
  310. * @param {Array<BufferGeometry>} geometry
  311. * @return {number}
  312. */
  313. estimateBytesUsed: function ( geometry ) {
  314. // Return the estimated memory used by this geometry in bytes
  315. // Calculate using itemSize, count, and BYTES_PER_ELEMENT to account
  316. // for InterleavedBufferAttributes.
  317. var mem = 0;
  318. for ( var name in geometry.attributes ) {
  319. var attr = geometry.getAttribute( name );
  320. mem += attr.count * attr.itemSize * attr.array.BYTES_PER_ELEMENT;
  321. }
  322. var indices = geometry.getIndex();
  323. mem += indices ? indices.count * indices.itemSize * indices.array.BYTES_PER_ELEMENT : 0;
  324. return mem;
  325. },
  326. /**
  327. * @param {BufferGeometry} geometry
  328. * @param {number} tolerance
  329. * @return {BufferGeometry>}
  330. */
  331. mergeVertices: function ( geometry, tolerance = 1e-4 ) {
  332. tolerance = Math.max( tolerance, Number.EPSILON );
  333. // Generate an index buffer if the geometry doesn't have one, or optimize it
  334. // if it's already available.
  335. var hashToIndex = {};
  336. var indices = geometry.getIndex();
  337. var positions = geometry.getAttribute( 'position' );
  338. var vertexCount = indices ? indices.count : positions.count;
  339. // next value for triangle indices
  340. var nextIndex = 0;
  341. // attributes and new attribute arrays
  342. var attributeNames = Object.keys( geometry.attributes );
  343. var attrArrays = {};
  344. var morphAttrsArrays = {};
  345. var newIndices = [];
  346. var getters = [ 'getX', 'getY', 'getZ', 'getW' ];
  347. // initialize the arrays
  348. for ( var i = 0, l = attributeNames.length; i < l; i ++ ) {
  349. var name = attributeNames[ i ];
  350. attrArrays[ name ] = [];
  351. var morphAttr = geometry.morphAttributes[ name ];
  352. if ( morphAttr ) {
  353. morphAttrsArrays[ name ] = new Array( morphAttr.length ).fill().map( () => [] );
  354. }
  355. }
  356. // convert the error tolerance to an amount of decimal places to truncate to
  357. var decimalShift = Math.log10( 1 / tolerance );
  358. var shiftMultiplier = Math.pow( 10, decimalShift );
  359. for ( var i = 0; i < vertexCount; i ++ ) {
  360. var index = indices ? indices.getX( i ) : i;
  361. // Generate a hash for the vertex attributes at the current index 'i'
  362. var hash = '';
  363. for ( var j = 0, l = attributeNames.length; j < l; j ++ ) {
  364. var name = attributeNames[ j ];
  365. var attribute = geometry.getAttribute( name );
  366. var itemSize = attribute.itemSize;
  367. for ( var k = 0; k < itemSize; k ++ ) {
  368. // double tilde truncates the decimal value
  369. hash += `${ ~ ~ ( attribute[ getters[ k ] ]( index ) * shiftMultiplier ) },`;
  370. }
  371. }
  372. // Add another reference to the vertex if it's already
  373. // used by another index
  374. if ( hash in hashToIndex ) {
  375. newIndices.push( hashToIndex[ hash ] );
  376. } else {
  377. // copy data to the new index in the attribute arrays
  378. for ( var j = 0, l = attributeNames.length; j < l; j ++ ) {
  379. var name = attributeNames[ j ];
  380. var attribute = geometry.getAttribute( name );
  381. var morphAttr = geometry.morphAttributes[ name ];
  382. var itemSize = attribute.itemSize;
  383. var newarray = attrArrays[ name ];
  384. var newMorphArrays = morphAttrsArrays[ name ];
  385. for ( var k = 0; k < itemSize; k ++ ) {
  386. var getterFunc = getters[ k ];
  387. newarray.push( attribute[ getterFunc ]( index ) );
  388. if ( morphAttr ) {
  389. for ( var m = 0, ml = morphAttr.length; m < ml; m ++ ) {
  390. newMorphArrays[ m ].push( morphAttr[ m ][ getterFunc ]( index ) );
  391. }
  392. }
  393. }
  394. }
  395. hashToIndex[ hash ] = nextIndex;
  396. newIndices.push( nextIndex );
  397. nextIndex ++;
  398. }
  399. }
  400. // Generate typed arrays from new attribute arrays and update
  401. // the attributeBuffers
  402. const result = geometry.clone();
  403. for ( var i = 0, l = attributeNames.length; i < l; i ++ ) {
  404. var name = attributeNames[ i ];
  405. var oldAttribute = geometry.getAttribute( name );
  406. var buffer = new oldAttribute.array.constructor( attrArrays[ name ] );
  407. var attribute = new BufferAttribute( buffer, oldAttribute.itemSize, oldAttribute.normalized );
  408. result.setAttribute( name, attribute );
  409. // Update the attribute arrays
  410. if ( name in morphAttrsArrays ) {
  411. for ( var j = 0; j < morphAttrsArrays[ name ].length; j ++ ) {
  412. var oldMorphAttribute = geometry.morphAttributes[ name ][ j ];
  413. var buffer = new oldMorphAttribute.array.constructor( morphAttrsArrays[ name ][ j ] );
  414. var morphAttribute = new BufferAttribute( buffer, oldMorphAttribute.itemSize, oldMorphAttribute.normalized );
  415. result.morphAttributes[ name ][ j ] = morphAttribute;
  416. }
  417. }
  418. }
  419. // indices
  420. result.setIndex( newIndices );
  421. return result;
  422. },
  423. /**
  424. * @param {BufferGeometry} geometry
  425. * @param {number} drawMode
  426. * @return {BufferGeometry>}
  427. */
  428. toTrianglesDrawMode: function ( geometry, drawMode ) {
  429. if ( drawMode === TrianglesDrawMode ) {
  430. console.warn( 'THREE.BufferGeometryUtils.toTrianglesDrawMode(): Geometry already defined as triangles.' );
  431. return geometry;
  432. }
  433. if ( drawMode === TriangleFanDrawMode || drawMode === TriangleStripDrawMode ) {
  434. var index = geometry.getIndex();
  435. // generate index if not present
  436. if ( index === null ) {
  437. var indices = [];
  438. var position = geometry.getAttribute( 'position' );
  439. if ( position !== undefined ) {
  440. for ( var i = 0; i < position.count; i ++ ) {
  441. indices.push( i );
  442. }
  443. geometry.setIndex( indices );
  444. index = geometry.getIndex();
  445. } else {
  446. console.error( 'THREE.BufferGeometryUtils.toTrianglesDrawMode(): Undefined position attribute. Processing not possible.' );
  447. return geometry;
  448. }
  449. }
  450. //
  451. var numberOfTriangles = index.count - 2;
  452. var newIndices = [];
  453. if ( drawMode === TriangleFanDrawMode ) {
  454. // gl.TRIANGLE_FAN
  455. for ( var i = 1; i <= numberOfTriangles; i ++ ) {
  456. newIndices.push( index.getX( 0 ) );
  457. newIndices.push( index.getX( i ) );
  458. newIndices.push( index.getX( i + 1 ) );
  459. }
  460. } else {
  461. // gl.TRIANGLE_STRIP
  462. for ( var i = 0; i < numberOfTriangles; i ++ ) {
  463. if ( i % 2 === 0 ) {
  464. newIndices.push( index.getX( i ) );
  465. newIndices.push( index.getX( i + 1 ) );
  466. newIndices.push( index.getX( i + 2 ) );
  467. } else {
  468. newIndices.push( index.getX( i + 2 ) );
  469. newIndices.push( index.getX( i + 1 ) );
  470. newIndices.push( index.getX( i ) );
  471. }
  472. }
  473. }
  474. if ( ( newIndices.length / 3 ) !== numberOfTriangles ) {
  475. console.error( 'THREE.BufferGeometryUtils.toTrianglesDrawMode(): Unable to generate correct amount of triangles.' );
  476. }
  477. // build final geometry
  478. var newGeometry = geometry.clone();
  479. newGeometry.setIndex( newIndices );
  480. newGeometry.clearGroups();
  481. return newGeometry;
  482. } else {
  483. console.error( 'THREE.BufferGeometryUtils.toTrianglesDrawMode(): Unknown draw mode:', drawMode );
  484. return geometry;
  485. }
  486. }
  487. };
  488. export { BufferGeometryUtils };