2
0

STLLoader.js 9.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384
  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 ignores header. There doesn't seem to be much of a use for it.
  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.addEventListener( 'load', function ( event ) {
  18. *
  19. * var geometry = event.content;
  20. * scene.add( new THREE.Mesh( geometry ) );
  21. *
  22. * } );
  23. * loader.load( './models/stl/slotted_disk.stl' );
  24. */
  25. THREE.STLLoader = function () {};
  26. THREE.STLLoader.prototype = {
  27. constructor: THREE.STLLoader
  28. };
  29. THREE.STLLoader.prototype.load = function ( url, callback ) {
  30. var scope = this;
  31. var xhr = new XMLHttpRequest();
  32. function onloaded( event ) {
  33. if ( event.target.status === 200 || event.target.status === 0 ) {
  34. var geometry = scope.parse( event.target.response || event.target.responseText );
  35. scope.dispatchEvent( { type: 'load', content: geometry } );
  36. if ( callback ) callback( geometry );
  37. } else {
  38. scope.dispatchEvent( { type: 'error', message: 'Couldn\'t load URL [' + url + ']', response: event.target.responseText } );
  39. }
  40. }
  41. xhr.addEventListener( 'load', onloaded, false );
  42. xhr.addEventListener( 'progress', function ( event ) {
  43. scope.dispatchEvent( { type: 'progress', loaded: event.loaded, total: event.total } );
  44. }, false );
  45. xhr.addEventListener( 'error', function () {
  46. scope.dispatchEvent( { type: 'error', message: 'Couldn\'t load URL [' + url + ']' } );
  47. }, false );
  48. if ( xhr.overrideMimeType ) xhr.overrideMimeType( 'text/plain; charset=x-user-defined' );
  49. xhr.open( 'GET', url, true );
  50. xhr.responseType = 'arraybuffer';
  51. xhr.send( null );
  52. };
  53. THREE.STLLoader.prototype.parse = function ( data ) {
  54. var isBinary = function () {
  55. var expect, face_size, n_faces, reader;
  56. reader = new DataView( binData );
  57. face_size = (32 / 8 * 3) + ((32 / 8 * 3) * 3) + (16 / 8);
  58. n_faces = reader.getUint32(80,true);
  59. expect = 80 + (32 / 8) + (n_faces * face_size);
  60. return expect === reader.byteLength;
  61. };
  62. var binData = this.ensureBinary( data );
  63. return isBinary()
  64. ? this.parseBinary( binData )
  65. : this.parseASCII( this.ensureString( data ) );
  66. };
  67. THREE.STLLoader.prototype.parseBinary = function ( data ) {
  68. var reader = new DataView( data );
  69. var faces = reader.getUint32( 80, true );
  70. var dataOffset = 84;
  71. var faceLength = 12 * 4 + 2;
  72. var offset = 0;
  73. var geometry = new THREE.BufferGeometry();
  74. var vertices = new Float32Array( faces * 3 * 3 );
  75. var normals = new Float32Array( faces * 3 * 3 );
  76. for ( var face = 0; face < faces; face ++ ) {
  77. var start = dataOffset + face * faceLength;
  78. for ( var i = 1; i <= 3; i ++ ) {
  79. var vertexstart = start + i * 12;
  80. vertices[ offset ] = reader.getFloat32( vertexstart, true );
  81. vertices[ offset + 1 ] = reader.getFloat32( vertexstart + 4, true );
  82. vertices[ offset + 2 ] = reader.getFloat32( vertexstart + 8, true );
  83. normals[ offset ] = reader.getFloat32( start , true );
  84. normals[ offset + 1 ] = reader.getFloat32( start + 4, true );
  85. normals[ offset + 2 ] = reader.getFloat32( start + 8, true );
  86. offset += 3;
  87. }
  88. }
  89. geometry.addAttribute( 'position', new THREE.BufferAttribute( vertices, 3 ) );
  90. geometry.addAttribute( 'normal', new THREE.BufferAttribute( normals, 3 ) );
  91. return geometry;
  92. };
  93. THREE.STLLoader.prototype.parseASCII = function (data) {
  94. var geometry, length, normal, patternFace, patternNormal, patternVertex, result, text;
  95. geometry = new THREE.Geometry();
  96. patternFace = /facet([\s\S]*?)endfacet/g;
  97. while ( ( result = patternFace.exec( data ) ) !== null ) {
  98. text = result[0];
  99. 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;
  100. while ( ( result = patternNormal.exec( text ) ) !== null ) {
  101. normal = new THREE.Vector3( parseFloat( result[ 1 ] ), parseFloat( result[ 3 ] ), parseFloat( result[ 5 ] ) );
  102. }
  103. 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;
  104. while ( ( result = patternVertex.exec( text ) ) !== null ) {
  105. geometry.vertices.push( new THREE.Vector3( parseFloat( result[ 1 ] ), parseFloat( result[ 3 ] ), parseFloat( result[ 5 ] ) ) );
  106. }
  107. length = geometry.vertices.length;
  108. geometry.faces.push( new THREE.Face3( length - 3, length - 2, length - 1, normal ) );
  109. }
  110. geometry.computeBoundingBox();
  111. geometry.computeBoundingSphere();
  112. return geometry;
  113. };
  114. THREE.STLLoader.prototype.ensureString = function (buf) {
  115. if (typeof buf !== "string"){
  116. var array_buffer = new Uint8Array(buf);
  117. var str = '';
  118. for(var i = 0; i < buf.byteLength; i++) {
  119. str += String.fromCharCode(array_buffer[i]); // implicitly assumes little-endian
  120. }
  121. return str;
  122. } else {
  123. return buf;
  124. }
  125. };
  126. THREE.STLLoader.prototype.ensureBinary = function (buf) {
  127. if (typeof buf === "string"){
  128. var array_buffer = new Uint8Array(buf.length);
  129. for(var i = 0; i < buf.length; i++) {
  130. array_buffer[i] = buf.charCodeAt(i) & 0xff; // implicitly assumes little-endian
  131. }
  132. return array_buffer.buffer || array_buffer;
  133. } else {
  134. return buf;
  135. }
  136. };
  137. THREE.EventDispatcher.prototype.apply( THREE.STLLoader.prototype );
  138. if ( typeof DataView === 'undefined'){
  139. DataView = function(buffer, byteOffset, byteLength){
  140. this.buffer = buffer;
  141. this.byteOffset = byteOffset || 0;
  142. this.byteLength = byteLength || buffer.byteLength || buffer.length;
  143. this._isString = typeof buffer === "string";
  144. }
  145. DataView.prototype = {
  146. _getCharCodes:function(buffer,start,length){
  147. start = start || 0;
  148. length = length || buffer.length;
  149. var end = start + length;
  150. var codes = [];
  151. for (var i = start; i < end; i++) {
  152. codes.push(buffer.charCodeAt(i) & 0xff);
  153. }
  154. return codes;
  155. },
  156. _getBytes: function (length, byteOffset, littleEndian) {
  157. var result;
  158. // Handle the lack of endianness
  159. if (littleEndian === undefined) {
  160. littleEndian = this._littleEndian;
  161. }
  162. // Handle the lack of byteOffset
  163. if (byteOffset === undefined) {
  164. byteOffset = this.byteOffset;
  165. } else {
  166. byteOffset = this.byteOffset + byteOffset;
  167. }
  168. if (length === undefined) {
  169. length = this.byteLength - byteOffset;
  170. }
  171. // Error Checking
  172. if (typeof byteOffset !== 'number') {
  173. throw new TypeError('DataView byteOffset is not a number');
  174. }
  175. if (length < 0 || byteOffset + length > this.byteLength) {
  176. throw new Error('DataView length or (byteOffset+length) value is out of bounds');
  177. }
  178. if (this.isString){
  179. result = this._getCharCodes(this.buffer, byteOffset, byteOffset + length);
  180. } else {
  181. result = this.buffer.slice(byteOffset, byteOffset + length);
  182. }
  183. if (!littleEndian && length > 1) {
  184. if (!(result instanceof Array)) {
  185. result = Array.prototype.slice.call(result);
  186. }
  187. result.reverse();
  188. }
  189. return result;
  190. },
  191. // Compatibility functions on a String Buffer
  192. getFloat64: function (byteOffset, littleEndian) {
  193. var b = this._getBytes(8, byteOffset, littleEndian),
  194. sign = 1 - (2 * (b[7] >> 7)),
  195. exponent = ((((b[7] << 1) & 0xff) << 3) | (b[6] >> 4)) - ((1 << 10) - 1),
  196. // Binary operators such as | and << operate on 32 bit values, using + and Math.pow(2) instead
  197. mantissa = ((b[6] & 0x0f) * Math.pow(2, 48)) + (b[5] * Math.pow(2, 40)) + (b[4] * Math.pow(2, 32)) +
  198. (b[3] * Math.pow(2, 24)) + (b[2] * Math.pow(2, 16)) + (b[1] * Math.pow(2, 8)) + b[0];
  199. if (exponent === 1024) {
  200. if (mantissa !== 0) {
  201. return NaN;
  202. } else {
  203. return sign * Infinity;
  204. }
  205. }
  206. if (exponent === -1023) { // Denormalized
  207. return sign * mantissa * Math.pow(2, -1022 - 52);
  208. }
  209. return sign * (1 + mantissa * Math.pow(2, -52)) * Math.pow(2, exponent);
  210. },
  211. getFloat32: function (byteOffset, littleEndian) {
  212. var b = this._getBytes(4, byteOffset, littleEndian),
  213. sign = 1 - (2 * (b[3] >> 7)),
  214. exponent = (((b[3] << 1) & 0xff) | (b[2] >> 7)) - 127,
  215. mantissa = ((b[2] & 0x7f) << 16) | (b[1] << 8) | b[0];
  216. if (exponent === 128) {
  217. if (mantissa !== 0) {
  218. return NaN;
  219. } else {
  220. return sign * Infinity;
  221. }
  222. }
  223. if (exponent === -127) { // Denormalized
  224. return sign * mantissa * Math.pow(2, -126 - 23);
  225. }
  226. return sign * (1 + mantissa * Math.pow(2, -23)) * Math.pow(2, exponent);
  227. },
  228. getInt32: function (byteOffset, littleEndian) {
  229. var b = this._getBytes(4, byteOffset, littleEndian);
  230. return (b[3] << 24) | (b[2] << 16) | (b[1] << 8) | b[0];
  231. },
  232. getUint32: function (byteOffset, littleEndian) {
  233. return this.getInt32(byteOffset, littleEndian) >>> 0;
  234. },
  235. getInt16: function (byteOffset, littleEndian) {
  236. return (this.getUint16(byteOffset, littleEndian) << 16) >> 16;
  237. },
  238. getUint16: function (byteOffset, littleEndian) {
  239. var b = this._getBytes(2, byteOffset, littleEndian);
  240. return (b[1] << 8) | b[0];
  241. },
  242. getInt8: function (byteOffset) {
  243. return (this.getUint8(byteOffset) << 24) >> 24;
  244. },
  245. getUint8: function (byteOffset) {
  246. return this._getBytes(1, byteOffset)[0];
  247. }
  248. };
  249. }