STLLoader.js 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  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. return this.parseASCII(str);
  68. }
  69. else
  70. {
  71. return this.parseBinary(buf);
  72. }
  73. },
  74. parseASCII: function ( data ) {
  75. var geometry = new THREE.Geometry();
  76. var patternFace = /facet([\s\S]*?)endfacet/g;
  77. var result;
  78. while ( ( result = patternFace.exec( data ) ) != null ) {
  79. var text = result[ 0 ];
  80. // Normal
  81. 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;
  82. while ( ( result = patternNormal.exec( text ) ) != null ) {
  83. var normal = new THREE.Vector3( parseFloat( result[ 1 ] ), parseFloat( result[ 3 ] ), parseFloat( result[ 5 ] ) );
  84. }
  85. // Vertex
  86. 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;
  87. while ( ( result = patternVertex.exec( text ) ) != null ) {
  88. geometry.vertices.push( new THREE.Vector3( parseFloat( result[ 1 ] ), parseFloat( result[ 3 ] ), parseFloat( result[ 5 ] ) ) );
  89. }
  90. var len = geometry.vertices.length;
  91. geometry.faces.push( new THREE.Face3( len - 3, len - 2, len - 1, normal ) );
  92. }
  93. geometry.computeCentroids();
  94. geometry.computeBoundingSphere();
  95. return geometry;
  96. },
  97. parseBinary: function (buf) {
  98. // STL binary format specification, as per http://en.wikipedia.org/wiki/STL_(file_format)
  99. //
  100. // UINT8[80] – Header
  101. // UINT32 – Number of triangles
  102. //
  103. // foreach triangle
  104. // REAL32[3] – Normal vector
  105. // REAL32[3] – Vertex 1
  106. // REAL32[3] – Vertex 2
  107. // REAL32[3] – Vertex 3
  108. // UINT16 – Attribute byte count
  109. // end
  110. //
  111. var geometry = new THREE.Geometry();
  112. var headerLength = 80;
  113. var dataOffset = 84;
  114. var faceLength = 12*4 + 2;
  115. var le = true; // is little-endian // This might be processor dependent...
  116. // var header = new Uint8Array(buf, 0, headerLength); // not presently used
  117. var dvTriangleCount = new DataView(buf, headerLength, 4);
  118. var numTriangles = dvTriangleCount.getUint32(0, le);
  119. for (var i = 0; i < numTriangles; i++) {
  120. var dv = new DataView(buf, dataOffset + i*faceLength, faceLength);
  121. var normal = new THREE.Vector3( dv.getFloat32(0, le), dv.getFloat32(4, le), dv.getFloat32(8, le) );
  122. for(var v = 3; v < 12; v+=3) {
  123. geometry.vertices.push( new THREE.Vector3( dv.getFloat32(v*4, le), dv.getFloat32((v+1)*4, le), dv.getFloat32( (v+2)*4, le ) ) );
  124. }
  125. var len = geometry.vertices.length;
  126. geometry.faces.push( new THREE.Face3( len - 3, len - 2, len - 1, normal ) );
  127. }
  128. geometry.computeCentroids();
  129. geometry.computeBoundingSphere();
  130. return geometry;
  131. }
  132. };