STLLoader.js 11 KB

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