STLLoader.js 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358
  1. /**
  2. * @author aleeper / http://adamleeper.com/
  3. * @author mrdoob / http://mrdoob.com/
  4. * @author gero3 / https://github.com/gero3
  5. * @author Mugen87 / https://github.com/Mugen87
  6. *
  7. * Description: A THREE loader for STL ASCII files, as created by Solidworks and other CAD programs.
  8. *
  9. * Supports both binary and ASCII encoded files, with automatic detection of type.
  10. *
  11. * The loader returns a non-indexed buffer geometry.
  12. *
  13. * Limitations:
  14. * Binary decoding supports "Magics" color format (http://en.wikipedia.org/wiki/STL_(file_format)#Color_in_binary_STL).
  15. * There is perhaps some question as to how valid it is to always assume little-endian-ness.
  16. * ASCII decoding assumes file is UTF-8.
  17. *
  18. * Usage:
  19. * var loader = new STLLoader();
  20. * loader.load( './models/stl/slotted_disk.stl', function ( geometry ) {
  21. * scene.add( new THREE.Mesh( geometry ) );
  22. * });
  23. *
  24. * For binary STLs geometry might contain colors for vertices. To use it:
  25. * // use the same code to load STL as above
  26. * if (geometry.hasColors) {
  27. * material = new THREE.MeshPhongMaterial({ opacity: geometry.alpha, vertexColors: THREE.VertexColors });
  28. * } else { .... }
  29. * var mesh = new THREE.Mesh( geometry, material );
  30. */
  31. import {
  32. BufferAttribute,
  33. BufferGeometry,
  34. DefaultLoadingManager,
  35. FileLoader,
  36. Float32BufferAttribute,
  37. LoaderUtils,
  38. Vector3
  39. } from "../../../build/three.module.js";
  40. var STLLoader = function ( manager ) {
  41. this.manager = ( manager !== undefined ) ? manager : DefaultLoadingManager;
  42. };
  43. STLLoader.prototype = {
  44. constructor: STLLoader,
  45. load: function ( url, onLoad, onProgress, onError ) {
  46. var scope = this;
  47. var loader = new FileLoader( scope.manager );
  48. loader.setPath( scope.path );
  49. loader.setResponseType( 'arraybuffer' );
  50. loader.load( url, function ( text ) {
  51. try {
  52. onLoad( scope.parse( text ) );
  53. } catch ( exception ) {
  54. if ( onError ) {
  55. onError( exception );
  56. }
  57. }
  58. }, onProgress, onError );
  59. },
  60. setPath: function ( value ) {
  61. this.path = value;
  62. return this;
  63. },
  64. parse: function ( data ) {
  65. function isBinary( data ) {
  66. var expect, face_size, n_faces, reader;
  67. reader = new DataView( data );
  68. face_size = ( 32 / 8 * 3 ) + ( ( 32 / 8 * 3 ) * 3 ) + ( 16 / 8 );
  69. n_faces = reader.getUint32( 80, true );
  70. expect = 80 + ( 32 / 8 ) + ( n_faces * face_size );
  71. if ( expect === reader.byteLength ) {
  72. return true;
  73. }
  74. // An ASCII STL data must begin with 'solid ' as the first six bytes.
  75. // However, ASCII STLs lacking the SPACE after the 'd' are known to be
  76. // plentiful. So, check the first 5 bytes for 'solid'.
  77. // Several encodings, such as UTF-8, precede the text with up to 5 bytes:
  78. // https://en.wikipedia.org/wiki/Byte_order_mark#Byte_order_marks_by_encoding
  79. // Search for "solid" to start anywhere after those prefixes.
  80. // US-ASCII ordinal values for 's', 'o', 'l', 'i', 'd'
  81. var solid = [ 115, 111, 108, 105, 100 ];
  82. for ( var off = 0; off < 5; off ++ ) {
  83. // If "solid" text is matched to the current offset, declare it to be an ASCII STL.
  84. if ( matchDataViewAt ( solid, reader, off ) ) return false;
  85. }
  86. // Couldn't find "solid" text at the beginning; it is binary STL.
  87. return true;
  88. }
  89. function matchDataViewAt( query, reader, offset ) {
  90. // Check if each byte in query matches the corresponding byte from the current offset
  91. for ( var i = 0, il = query.length; i < il; i ++ ) {
  92. if ( query[ i ] !== reader.getUint8( offset + i, false ) ) return false;
  93. }
  94. return true;
  95. }
  96. function parseBinary( data ) {
  97. var reader = new DataView( data );
  98. var faces = reader.getUint32( 80, true );
  99. var r, g, b, hasColors = false, colors;
  100. var defaultR, defaultG, defaultB, alpha;
  101. // process STL header
  102. // check for default color in header ("COLOR=rgba" sequence).
  103. for ( var index = 0; index < 80 - 10; index ++ ) {
  104. if ( ( reader.getUint32( index, false ) == 0x434F4C4F /*COLO*/ ) &&
  105. ( reader.getUint8( index + 4 ) == 0x52 /*'R'*/ ) &&
  106. ( reader.getUint8( index + 5 ) == 0x3D /*'='*/ ) ) {
  107. hasColors = true;
  108. colors = new Float32Array(faces * 3 * 3);
  109. defaultR = reader.getUint8( index + 6 ) / 255;
  110. defaultG = reader.getUint8( index + 7 ) / 255;
  111. defaultB = reader.getUint8( index + 8 ) / 255;
  112. alpha = reader.getUint8( index + 9 ) / 255;
  113. }
  114. }
  115. var dataOffset = 84;
  116. var faceLength = 12 * 4 + 2;
  117. var geometry = new THREE.BufferGeometry();
  118. var vertices = new Float32Array(faces * 3 * 3);
  119. var normals = new Float32Array(faces * 3 * 3);
  120. for ( var face = 0; face < faces; face ++ ) {
  121. var start = dataOffset + face * faceLength;
  122. var normalX = reader.getFloat32( start, true );
  123. var normalY = reader.getFloat32( start + 4, true );
  124. var normalZ = reader.getFloat32( start + 8, true );
  125. if ( hasColors ) {
  126. var packedColor = reader.getUint16( start + 48, true );
  127. if ( ( packedColor & 0x8000 ) === 0 ) {
  128. // facet has its own unique color
  129. r = ( packedColor & 0x1F ) / 31;
  130. g = ( ( packedColor >> 5 ) & 0x1F ) / 31;
  131. b = ( ( packedColor >> 10 ) & 0x1F ) / 31;
  132. } else {
  133. r = defaultR;
  134. g = defaultG;
  135. b = defaultB;
  136. }
  137. }
  138. for ( var i = 1; i <= 3; i ++ ) {
  139. var vertexstart = start + i * 12;
  140. vertices[face * 3 * 3] = reader.getFloat32( vertexstart, true );
  141. vertices[(face * 3 * 3) + 1] = reader.getFloat32( vertexstart + 4, true );
  142. vertices[(face * 3 * 3) + 2] = reader.getFloat32( vertexstart + 8, true );
  143. normals[face * 3 * 3] = normalX;
  144. normals[(face * 3 * 3) + 1] = normalY;
  145. normals[(face * 3 * 3) + 2] = normalZ;
  146. if ( hasColors ) {
  147. colors[face * 3 * 3] = r;
  148. colors[(face * 3 * 3) + 1] = g;
  149. colors[(face * 3 * 3) + 2] = b;
  150. }
  151. }
  152. }
  153. geometry.addAttribute( 'position', new THREE.BufferAttribute( vertices, 3 ) );
  154. geometry.addAttribute( 'normal', new THREE.BufferAttribute( normals, 3 ) );
  155. if ( hasColors ) {
  156. geometry.addAttribute( 'color', new THREE.BufferAttribute( colors, 3 ) );
  157. geometry.hasColors = true;
  158. geometry.alpha = alpha;
  159. }
  160. return geometry;
  161. }
  162. function parseASCII( data ) {
  163. var geometry = new BufferGeometry();
  164. var patternFace = /facet([\s\S]*?)endfacet/g;
  165. var faceCounter = 0;
  166. var patternFloat = /[\s]+([+-]?(?:\d*)(?:\.\d*)?(?:[eE][+-]?\d+)?)/.source;
  167. var patternVertex = new RegExp( 'vertex' + patternFloat + patternFloat + patternFloat, 'g' );
  168. var patternNormal = new RegExp( 'normal' + patternFloat + patternFloat + patternFloat, 'g' );
  169. var vertices = [];
  170. var normals = [];
  171. var normal = new Vector3();
  172. var result;
  173. while ( ( result = patternFace.exec( data ) ) !== null ) {
  174. var vertexCountPerFace = 0;
  175. var normalCountPerFace = 0;
  176. var text = result[ 0 ];
  177. while ( ( result = patternNormal.exec( text ) ) !== null ) {
  178. normal.x = parseFloat( result[ 1 ] );
  179. normal.y = parseFloat( result[ 2 ] );
  180. normal.z = parseFloat( result[ 3 ] );
  181. normalCountPerFace ++;
  182. }
  183. while ( ( result = patternVertex.exec( text ) ) !== null ) {
  184. vertices.push( parseFloat( result[ 1 ] ), parseFloat( result[ 2 ] ), parseFloat( result[ 3 ] ) );
  185. normals.push( normal.x, normal.y, normal.z );
  186. vertexCountPerFace ++;
  187. }
  188. // every face have to own ONE valid normal
  189. if ( normalCountPerFace !== 1 ) {
  190. console.error( 'THREE.STLLoader: Something isn\'t right with the normal of face number ' + faceCounter );
  191. }
  192. // each face have to own THREE valid vertices
  193. if ( vertexCountPerFace !== 3 ) {
  194. console.error( 'THREE.STLLoader: Something isn\'t right with the vertices of face number ' + faceCounter );
  195. }
  196. faceCounter ++;
  197. }
  198. geometry.addAttribute( 'position', new Float32BufferAttribute( vertices, 3 ) );
  199. geometry.addAttribute( 'normal', new Float32BufferAttribute( normals, 3 ) );
  200. return geometry;
  201. }
  202. function ensureString( buffer ) {
  203. if ( typeof buffer !== 'string' ) {
  204. return LoaderUtils.decodeText( new Uint8Array( buffer ) );
  205. }
  206. return buffer;
  207. }
  208. function ensureBinary( buffer ) {
  209. if ( typeof buffer === 'string' ) {
  210. var array_buffer = new Uint8Array( buffer.length );
  211. for ( var i = 0; i < buffer.length; i ++ ) {
  212. array_buffer[ i ] = buffer.charCodeAt( i ) & 0xff; // implicitly assumes little-endian
  213. }
  214. return array_buffer.buffer || array_buffer;
  215. } else {
  216. return buffer;
  217. }
  218. }
  219. // start
  220. var binData = ensureBinary( data );
  221. return isBinary( binData ) ? parseBinary( binData ) : parseASCII( ensureString( data ) );
  222. }
  223. };
  224. export { STLLoader };