STLLoader.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498
  1. /**
  2. * @author aleeper / http://adamleeper.com/
  3. * @author mrdoob / http://mrdoob.com/
  4. * @author gero3 / https://github.com/gero3
  5. *
  6. * Description: A THREE loader for STL ASCII files, as created by Solidworks and other CAD programs.
  7. *
  8. * Supports both binary and ASCII encoded files, with automatic detection of type.
  9. *
  10. * Limitations:
  11. * Binary decoding supports "Magics" color format (http://en.wikipedia.org/wiki/STL_(file_format)#Color_in_binary_STL).
  12. * There is perhaps some question as to how valid it is to always assume little-endian-ness.
  13. * ASCII decoding assumes file is UTF-8. Seems to work for the examples...
  14. *
  15. * Usage:
  16. * var loader = new THREE.STLLoader();
  17. * loader.load( './models/stl/slotted_disk.stl', function ( geometry ) {
  18. * scene.add( new THREE.Mesh( geometry ) );
  19. * });
  20. *
  21. * For binary STLs geometry might contain colors for vertices. To use it:
  22. * // use the same code to load STL as above
  23. * if (geometry.hasColors) {
  24. * material = new THREE.MeshPhongMaterial({ opacity: geometry.alpha, vertexColors: THREE.VertexColors });
  25. * } else { .... }
  26. * var mesh = new THREE.Mesh( geometry, material );
  27. */
  28. THREE.STLLoader = function ( manager ) {
  29. this.manager = ( manager !== undefined ) ? manager : THREE.DefaultLoadingManager;
  30. };
  31. THREE.STLLoader.prototype = {
  32. constructor: THREE.STLLoader,
  33. load: function ( url, onLoad, onProgress, onError ) {
  34. var scope = this;
  35. var loader = new THREE.XHRLoader( scope.manager );
  36. loader.setCrossOrigin( this.crossOrigin );
  37. loader.setResponseType( 'arraybuffer' );
  38. loader.load( url, function ( text ) {
  39. onLoad( scope.parse( text ) );
  40. }, onProgress, onError );
  41. },
  42. setCrossOrigin: function ( value ) {
  43. this.crossOrigin = value;
  44. },
  45. parse: function ( data ) {
  46. var isBinary = function () {
  47. var expect, face_size, n_faces, reader;
  48. reader = new DataView( binData );
  49. face_size = ( 32 / 8 * 3 ) + ( ( 32 / 8 * 3 ) * 3 ) + ( 16 / 8 );
  50. n_faces = reader.getUint32( 80, true );
  51. expect = 80 + ( 32 / 8 ) + ( n_faces * face_size );
  52. if ( expect === reader.byteLength ) {
  53. return true;
  54. }
  55. // some binary files will have different size from expected,
  56. // checking characters higher than ASCII to confirm is binary
  57. var fileLength = reader.byteLength;
  58. for ( var index = 0; index < fileLength; index ++ ) {
  59. if ( reader.getUint8( index, false ) > 127 ) {
  60. return true;
  61. }
  62. }
  63. return false;
  64. };
  65. var binData = this.ensureBinary( data );
  66. return isBinary()
  67. ? this.parseBinary( binData )
  68. : this.parseASCII( this.ensureString( data ) );
  69. },
  70. parseBinary: function ( data ) {
  71. var reader = new DataView( data );
  72. var faces = reader.getUint32( 80, true );
  73. var r, g, b, hasColors = false, colors;
  74. var defaultR, defaultG, defaultB, alpha;
  75. // process STL header
  76. // check for default color in header ("COLOR=rgba" sequence).
  77. for ( var index = 0; index < 80 - 10; index ++ ) {
  78. if ( ( reader.getUint32( index, false ) == 0x434F4C4F /*COLO*/ ) &&
  79. ( reader.getUint8( index + 4 ) == 0x52 /*'R'*/ ) &&
  80. ( reader.getUint8( index + 5 ) == 0x3D /*'='*/ ) ) {
  81. hasColors = true;
  82. colors = new Float32Array( faces * 3 * 3 );
  83. defaultR = reader.getUint8( index + 6 ) / 255;
  84. defaultG = reader.getUint8( index + 7 ) / 255;
  85. defaultB = reader.getUint8( index + 8 ) / 255;
  86. alpha = reader.getUint8( index + 9 ) / 255;
  87. }
  88. }
  89. var dataOffset = 84;
  90. var faceLength = 12 * 4 + 2;
  91. var offset = 0;
  92. var geometry = new THREE.BufferGeometry();
  93. var vertices = new Float32Array( faces * 3 * 3 );
  94. var normals = new Float32Array( faces * 3 * 3 );
  95. for ( var face = 0; face < faces; face ++ ) {
  96. var start = dataOffset + face * faceLength;
  97. var normalX = reader.getFloat32( start, true );
  98. var normalY = reader.getFloat32( start + 4, true );
  99. var normalZ = reader.getFloat32( start + 8, true );
  100. if ( hasColors ) {
  101. var packedColor = reader.getUint16( start + 48, true );
  102. if ( ( packedColor & 0x8000 ) === 0 ) {
  103. // facet has its own unique color
  104. r = ( packedColor & 0x1F ) / 31;
  105. g = ( ( packedColor >> 5 ) & 0x1F ) / 31;
  106. b = ( ( packedColor >> 10 ) & 0x1F ) / 31;
  107. } else {
  108. r = defaultR;
  109. g = defaultG;
  110. b = defaultB;
  111. }
  112. }
  113. for ( var i = 1; i <= 3; i ++ ) {
  114. var vertexstart = start + i * 12;
  115. vertices[ offset ] = reader.getFloat32( vertexstart, true );
  116. vertices[ offset + 1 ] = reader.getFloat32( vertexstart + 4, true );
  117. vertices[ offset + 2 ] = reader.getFloat32( vertexstart + 8, true );
  118. normals[ offset ] = normalX;
  119. normals[ offset + 1 ] = normalY;
  120. normals[ offset + 2 ] = normalZ;
  121. if ( hasColors ) {
  122. colors[ offset ] = r;
  123. colors[ offset + 1 ] = g;
  124. colors[ offset + 2 ] = b;
  125. }
  126. offset += 3;
  127. }
  128. }
  129. geometry.addAttribute( 'position', new THREE.BufferAttribute( vertices, 3 ) );
  130. geometry.addAttribute( 'normal', new THREE.BufferAttribute( normals, 3 ) );
  131. if ( hasColors ) {
  132. geometry.addAttribute( 'color', new THREE.BufferAttribute( colors, 3 ) );
  133. geometry.hasColors = true;
  134. geometry.alpha = alpha;
  135. }
  136. return geometry;
  137. },
  138. parseASCII: function ( data ) {
  139. var geometry, length, normal, patternFace, patternNormal, patternVertex, result, text;
  140. geometry = new THREE.Geometry();
  141. patternFace = /facet([\s\S]*?)endfacet/g;
  142. while ( ( result = patternFace.exec( data ) ) !== null ) {
  143. text = result[ 0 ];
  144. patternNormal = /normal[\s]+([\-+]?[0-9]+\.?[0-9]*([eE][\-+]?[0-9]+)?)+[\s]+([\-+]?[0-9]*\.?[0-9]+([eE][\-+]?[0-9]+)?)+[\s]+([\-+]?[0-9]*\.?[0-9]+([eE][\-+]?[0-9]+)?)+/g;
  145. while ( ( result = patternNormal.exec( text ) ) !== null ) {
  146. normal = new THREE.Vector3( parseFloat( result[ 1 ] ), parseFloat( result[ 3 ] ), parseFloat( result[ 5 ] ) );
  147. }
  148. patternVertex = /vertex[\s]+([\-+]?[0-9]+\.?[0-9]*([eE][\-+]?[0-9]+)?)+[\s]+([\-+]?[0-9]*\.?[0-9]+([eE][\-+]?[0-9]+)?)+[\s]+([\-+]?[0-9]*\.?[0-9]+([eE][\-+]?[0-9]+)?)+/g;
  149. while ( ( result = patternVertex.exec( text ) ) !== null ) {
  150. geometry.vertices.push( new THREE.Vector3( parseFloat( result[ 1 ] ), parseFloat( result[ 3 ] ), parseFloat( result[ 5 ] ) ) );
  151. }
  152. length = geometry.vertices.length;
  153. geometry.faces.push( new THREE.Face3( length - 3, length - 2, length - 1, normal ) );
  154. }
  155. geometry.computeBoundingBox();
  156. geometry.computeBoundingSphere();
  157. return geometry;
  158. },
  159. ensureString: function ( buf ) {
  160. if ( typeof buf !== "string" ) {
  161. var array_buffer = new Uint8Array( buf );
  162. var str = '';
  163. for ( var i = 0; i < buf.byteLength; i ++ ) {
  164. str += String.fromCharCode( array_buffer[ i ] ); // implicitly assumes little-endian
  165. }
  166. return str;
  167. } else {
  168. return buf;
  169. }
  170. },
  171. ensureBinary: function ( buf ) {
  172. if ( typeof buf === "string" ) {
  173. var array_buffer = new Uint8Array( buf.length );
  174. for ( var i = 0; i < buf.length; i ++ ) {
  175. array_buffer[ i ] = buf.charCodeAt( i ) & 0xff; // implicitly assumes little-endian
  176. }
  177. return array_buffer.buffer || array_buffer;
  178. } else {
  179. return buf;
  180. }
  181. }
  182. };
  183. if ( typeof DataView === 'undefined' ) {
  184. DataView = function( buffer, byteOffset, byteLength ) {
  185. this.buffer = buffer;
  186. this.byteOffset = byteOffset || 0;
  187. this.byteLength = byteLength || buffer.byteLength || buffer.length;
  188. this._isString = typeof buffer === "string";
  189. };
  190. DataView.prototype = {
  191. _getCharCodes: function( buffer, start, length ) {
  192. start = start || 0;
  193. length = length || buffer.length;
  194. var end = start + length;
  195. var codes = [];
  196. for ( var i = start; i < end; i ++ ) {
  197. codes.push( buffer.charCodeAt( i ) & 0xff );
  198. }
  199. return codes;
  200. },
  201. _getBytes: function ( length, byteOffset, littleEndian ) {
  202. var result;
  203. // Handle the lack of endianness
  204. if ( littleEndian === undefined ) {
  205. littleEndian = this._littleEndian;
  206. }
  207. // Handle the lack of byteOffset
  208. if ( byteOffset === undefined ) {
  209. byteOffset = this.byteOffset;
  210. } else {
  211. byteOffset = this.byteOffset + byteOffset;
  212. }
  213. if ( length === undefined ) {
  214. length = this.byteLength - byteOffset;
  215. }
  216. // Error Checking
  217. if ( typeof byteOffset !== 'number' ) {
  218. throw new TypeError( 'DataView byteOffset is not a number' );
  219. }
  220. if ( length < 0 || byteOffset + length > this.byteLength ) {
  221. throw new Error( 'DataView length or (byteOffset+length) value is out of bounds' );
  222. }
  223. if ( this.isString ) {
  224. result = this._getCharCodes( this.buffer, byteOffset, byteOffset + length );
  225. } else {
  226. result = this.buffer.slice( byteOffset, byteOffset + length );
  227. }
  228. if ( ! littleEndian && length > 1 ) {
  229. if ( Array.isArray( result ) === false ) {
  230. result = Array.prototype.slice.call( result );
  231. }
  232. result.reverse();
  233. }
  234. return result;
  235. },
  236. // Compatibility functions on a String Buffer
  237. getFloat64: function ( byteOffset, littleEndian ) {
  238. var b = this._getBytes( 8, byteOffset, littleEndian ),
  239. sign = 1 - ( 2 * ( b[ 7 ] >> 7 ) ),
  240. exponent = ( ( ( ( b[ 7 ] << 1 ) & 0xff ) << 3 ) | ( b[ 6 ] >> 4 ) ) - ( ( 1 << 10 ) - 1 ),
  241. // Binary operators such as | and << operate on 32 bit values, using + and Math.pow(2) instead
  242. mantissa = ( ( b[ 6 ] & 0x0f ) * Math.pow( 2, 48 ) ) + ( b[ 5 ] * Math.pow( 2, 40 ) ) + ( b[ 4 ] * Math.pow( 2, 32 ) ) +
  243. ( b[ 3 ] * Math.pow( 2, 24 ) ) + ( b[ 2 ] * Math.pow( 2, 16 ) ) + ( b[ 1 ] * Math.pow( 2, 8 ) ) + b[ 0 ];
  244. if ( exponent === 1024 ) {
  245. if ( mantissa !== 0 ) {
  246. return NaN;
  247. } else {
  248. return sign * Infinity;
  249. }
  250. }
  251. if ( exponent === - 1023 ) {
  252. // Denormalized
  253. return sign * mantissa * Math.pow( 2, - 1022 - 52 );
  254. }
  255. return sign * ( 1 + mantissa * Math.pow( 2, - 52 ) ) * Math.pow( 2, exponent );
  256. },
  257. getFloat32: function ( byteOffset, littleEndian ) {
  258. var b = this._getBytes( 4, byteOffset, littleEndian ),
  259. sign = 1 - ( 2 * ( b[ 3 ] >> 7 ) ),
  260. exponent = ( ( ( b[ 3 ] << 1 ) & 0xff ) | ( b[ 2 ] >> 7 ) ) - 127,
  261. mantissa = ( ( b[ 2 ] & 0x7f ) << 16 ) | ( b[ 1 ] << 8 ) | b[ 0 ];
  262. if ( exponent === 128 ) {
  263. if ( mantissa !== 0 ) {
  264. return NaN;
  265. } else {
  266. return sign * Infinity;
  267. }
  268. }
  269. if ( exponent === - 127 ) {
  270. // Denormalized
  271. return sign * mantissa * Math.pow( 2, - 126 - 23 );
  272. }
  273. return sign * ( 1 + mantissa * Math.pow( 2, - 23 ) ) * Math.pow( 2, exponent );
  274. },
  275. getInt32: function ( byteOffset, littleEndian ) {
  276. var b = this._getBytes( 4, byteOffset, littleEndian );
  277. return ( b[ 3 ] << 24 ) | ( b[ 2 ] << 16 ) | ( b[ 1 ] << 8 ) | b[ 0 ];
  278. },
  279. getUint32: function ( byteOffset, littleEndian ) {
  280. return this.getInt32( byteOffset, littleEndian ) >>> 0;
  281. },
  282. getInt16: function ( byteOffset, littleEndian ) {
  283. return ( this.getUint16( byteOffset, littleEndian ) << 16 ) >> 16;
  284. },
  285. getUint16: function ( byteOffset, littleEndian ) {
  286. var b = this._getBytes( 2, byteOffset, littleEndian );
  287. return ( b[ 1 ] << 8 ) | b[ 0 ];
  288. },
  289. getInt8: function ( byteOffset ) {
  290. return ( this.getUint8( byteOffset ) << 24 ) >> 24;
  291. },
  292. getUint8: function ( byteOffset ) {
  293. return this._getBytes( 1, byteOffset )[ 0 ];
  294. }
  295. };
  296. }