STLLoader.js 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  1. /**
  2. * @author aleeper / http://adamleeper.com/
  3. * @author mrdoob / http://mrdoob.com/
  4. *
  5. * Description: A THREE loader for STL ASCII files, as created by Solidworks and other CAD programs.
  6. *
  7. * Supports both binary and ASCII encoded files, with automatic detection of type.
  8. *
  9. * Limitations: Binary decoding ignores header. There doesn't seem to be much of a use for it.
  10. * There is perhaps some question as to how valid it is to always assume little-endian-ness.
  11. * ASCII decoding assumes file is UTF-8. Seems to work for the examples...
  12. *
  13. * Usage:
  14. * var loader = new THREE.STLLoader();
  15. * loader.addEventListener( 'load', function ( event ) {
  16. *
  17. * var geometry = event.content;
  18. * scene.add( new THREE.Mesh( geometry ) );
  19. *
  20. * } );
  21. * loader.load( './models/stl/slotted_disk.stl' );
  22. */
  23. THREE.STLLoader = function () {
  24. THREE.EventDispatcher.call( this );
  25. };
  26. THREE.STLLoader.prototype = {
  27. constructor: THREE.STLLoader,
  28. load: function ( url, callback ) {
  29. var scope = this;
  30. var request = new XMLHttpRequest();
  31. request.addEventListener( 'load', function ( event ) {
  32. var geometry;
  33. geometry = scope.parse( event.target.response );
  34. scope.dispatchEvent( { type: 'load', content: geometry } );
  35. if ( callback ) callback( geometry );
  36. }, false );
  37. request.addEventListener( 'progress', function ( event ) {
  38. scope.dispatchEvent( { type: 'progress', loaded: event.loaded, total: event.total } );
  39. }, false );
  40. request.addEventListener( 'error', function () {
  41. scope.dispatchEvent( { type: 'error', message: 'Couldn\'t load URL [' + url + ']' } );
  42. }, false );
  43. request.open( 'GET', url, true );
  44. request.responseType = "arraybuffer";
  45. request.send( null );
  46. },
  47. bin2str: function (buf) {
  48. var array_buffer = new Uint8Array(buf);
  49. var str = '';
  50. for(var i = 0; i < buf.byteLength; i++) {
  51. str += String.fromCharCode(array_buffer[i]); // implicitly assumes little-endian
  52. }
  53. return str
  54. },
  55. isASCII: function(buf){
  56. var dv = new DataView(buf);
  57. var str = '';
  58. for(var i = 0; i < 5; i++) {
  59. str += String.fromCharCode(dv.getUint8(i, true)); // assume little-endian
  60. }
  61. return (str.toLowerCase() == 'solid'); // All ASCII stl files begin with 'solid'
  62. },
  63. parse: function (buf) {
  64. if( this.isASCII(buf) )
  65. {
  66. var str = this.bin2str(buf);
  67. console.log("Detected ASCII stl file.");
  68. return this.parseASCII(str);
  69. }
  70. else
  71. {
  72. console.log("Detected Binary stl file.");
  73. return this.parseBinary(buf);
  74. }
  75. },
  76. parseASCII: function ( data ) {
  77. var geometry = new THREE.Geometry();
  78. var patternFace = /facet([\s\S]*?)endfacet/g;
  79. var result;
  80. while ( ( result = patternFace.exec( data ) ) != null ) {
  81. var text = result[ 0 ];
  82. // Normal
  83. var 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;
  84. while ( ( result = patternNormal.exec( text ) ) != null ) {
  85. var normal = new THREE.Vector3( parseFloat( result[ 1 ] ), parseFloat( result[ 3 ] ), parseFloat( result[ 5 ] ) );
  86. }
  87. // Vertex
  88. var 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;
  89. while ( ( result = patternVertex.exec( text ) ) != null ) {
  90. geometry.vertices.push( new THREE.Vector3( parseFloat( result[ 1 ] ), parseFloat( result[ 3 ] ), parseFloat( result[ 5 ] ) ) );
  91. }
  92. var len = geometry.vertices.length;
  93. geometry.faces.push( new THREE.Face3( len - 3, len - 2, len - 1, normal ) );
  94. }
  95. geometry.computeCentroids();
  96. geometry.computeBoundingSphere();
  97. return geometry;
  98. },
  99. parseBinary: function (buf) {
  100. // STL binary format specification, as per http://en.wikipedia.org/wiki/STL_(file_format)
  101. //
  102. // UINT8[80] – Header
  103. // UINT32 – Number of triangles
  104. //
  105. // foreach triangle
  106. // REAL32[3] – Normal vector
  107. // REAL32[3] – Vertex 1
  108. // REAL32[3] – Vertex 2
  109. // REAL32[3] – Vertex 3
  110. // UINT16 – Attribute byte count
  111. // end
  112. //
  113. var geometry = new THREE.Geometry();
  114. var header_length = 80;
  115. var data_offset = 84;
  116. var face_length = 12*4 + 2;
  117. var header = new Uint8Array(buf, 0, header_length);
  118. var num_triangles = new Uint32Array(buf, header_length, 1);
  119. var le = true; // is little-endian? // This might be processor dependent...
  120. for (var i = 0; i < num_triangles[0]; i++) {
  121. var dv = new DataView(buf, data_offset + i*face_length, face_length);
  122. var normal = new THREE.Vector3( dv.getFloat32(0, le), dv.getFloat32(4, le), dv.getFloat32(8, le) );
  123. for(var v = 3; v < 12; v+=3) {
  124. geometry.vertices.push( new THREE.Vector3( dv.getFloat32(v*4, le), dv.getFloat32((v+1)*4, le), dv.getFloat32( (v+2)*4, le ) ) );
  125. }
  126. var len = geometry.vertices.length;
  127. geometry.faces.push( new THREE.Face3( len - 3, len - 2, len - 1, normal ) );
  128. }
  129. geometry.computeCentroids();
  130. geometry.computeBoundingSphere();
  131. return geometry;
  132. }
  133. };