GCodeLoader.js 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265
  1. import {
  2. BufferGeometry,
  3. Euler,
  4. FileLoader,
  5. Float32BufferAttribute,
  6. Group,
  7. LineBasicMaterial,
  8. LineSegments,
  9. Loader
  10. } from '../../../build/three.module.js';
  11. /**
  12. * GCodeLoader is used to load gcode files usually used for 3D printing or CNC applications.
  13. *
  14. * Gcode files are composed by commands used by machines to create objects.
  15. *
  16. * @class GCodeLoader
  17. * @param {Manager} manager Loading manager.
  18. */
  19. var GCodeLoader = function ( manager ) {
  20. Loader.call( this, manager );
  21. this.splitLayer = false;
  22. };
  23. GCodeLoader.prototype = Object.assign( Object.create( Loader.prototype ), {
  24. constructor: GCodeLoader,
  25. load: function ( url, onLoad, onProgress, onError ) {
  26. var scope = this;
  27. var loader = new FileLoader( scope.manager );
  28. loader.setPath( scope.path );
  29. loader.setRequestHeader( scope.requestHeader );
  30. loader.setWithCredentials( scope.withCredentials );
  31. loader.load( url, function ( text ) {
  32. try {
  33. onLoad( scope.parse( text ) );
  34. } catch ( e ) {
  35. if ( onError ) {
  36. onError( e );
  37. } else {
  38. console.error( e );
  39. }
  40. scope.manager.itemError( url );
  41. }
  42. }, onProgress, onError );
  43. },
  44. parse: function ( data ) {
  45. var state = { x: 0, y: 0, z: 0, e: 0, f: 0, extruding: false, relative: false };
  46. var layers = [];
  47. var currentLayer = undefined;
  48. var pathMaterial = new LineBasicMaterial( { color: 0xFF0000 } );
  49. pathMaterial.name = 'path';
  50. var extrudingMaterial = new LineBasicMaterial( { color: 0x00FF00 } );
  51. extrudingMaterial.name = 'extruded';
  52. function newLayer( line ) {
  53. currentLayer = { vertex: [], pathVertex: [], z: line.z };
  54. layers.push( currentLayer );
  55. }
  56. //Create lie segment between p1 and p2
  57. function addSegment( p1, p2 ) {
  58. if ( currentLayer === undefined ) {
  59. newLayer( p1 );
  60. }
  61. if ( line.extruding ) {
  62. currentLayer.vertex.push( p1.x, p1.y, p1.z );
  63. currentLayer.vertex.push( p2.x, p2.y, p2.z );
  64. } else {
  65. currentLayer.pathVertex.push( p1.x, p1.y, p1.z );
  66. currentLayer.pathVertex.push( p2.x, p2.y, p2.z );
  67. }
  68. }
  69. function delta( v1, v2 ) {
  70. return state.relative ? v2 : v2 - v1;
  71. }
  72. function absolute( v1, v2 ) {
  73. return state.relative ? v1 + v2 : v2;
  74. }
  75. var lines = data.replace( /;.+/g, '' ).split( '\n' );
  76. for ( var i = 0; i < lines.length; i ++ ) {
  77. var tokens = lines[ i ].split( ' ' );
  78. var cmd = tokens[ 0 ].toUpperCase();
  79. //Argumments
  80. var args = {};
  81. tokens.splice( 1 ).forEach( function ( token ) {
  82. if ( token[ 0 ] !== undefined ) {
  83. var key = token[ 0 ].toLowerCase();
  84. var value = parseFloat( token.substring( 1 ) );
  85. args[ key ] = value;
  86. }
  87. } );
  88. //Process commands
  89. //G0/G1 – Linear Movement
  90. if ( cmd === 'G0' || cmd === 'G1' ) {
  91. var line = {
  92. x: args.x !== undefined ? absolute( state.x, args.x ) : state.x,
  93. y: args.y !== undefined ? absolute( state.y, args.y ) : state.y,
  94. z: args.z !== undefined ? absolute( state.z, args.z ) : state.z,
  95. e: args.e !== undefined ? absolute( state.e, args.e ) : state.e,
  96. f: args.f !== undefined ? absolute( state.f, args.f ) : state.f,
  97. };
  98. //Layer change detection is or made by watching Z, it's made by watching when we extrude at a new Z position
  99. if ( delta( state.e, line.e ) > 0 ) {
  100. line.extruding = delta( state.e, line.e ) > 0;
  101. if ( currentLayer == undefined || line.z != currentLayer.z ) {
  102. newLayer( line );
  103. }
  104. }
  105. addSegment( state, line );
  106. state = line;
  107. } else if ( cmd === 'G2' || cmd === 'G3' ) {
  108. //G2/G3 - Arc Movement ( G2 clock wise and G3 counter clock wise )
  109. //console.warn( 'THREE.GCodeLoader: Arc command not supported' );
  110. } else if ( cmd === 'G90' ) {
  111. //G90: Set to Absolute Positioning
  112. state.relative = false;
  113. } else if ( cmd === 'G91' ) {
  114. //G91: Set to state.relative Positioning
  115. state.relative = true;
  116. } else if ( cmd === 'G92' ) {
  117. //G92: Set Position
  118. var line = state;
  119. line.x = args.x !== undefined ? args.x : line.x;
  120. line.y = args.y !== undefined ? args.y : line.y;
  121. line.z = args.z !== undefined ? args.z : line.z;
  122. line.e = args.e !== undefined ? args.e : line.e;
  123. state = line;
  124. } else {
  125. //console.warn( 'THREE.GCodeLoader: Command not supported:' + cmd );
  126. }
  127. }
  128. function addObject( vertex, extruding ) {
  129. var geometry = new BufferGeometry();
  130. geometry.setAttribute( 'position', new Float32BufferAttribute( vertex, 3 ) );
  131. var segments = new LineSegments( geometry, extruding ? extrudingMaterial : pathMaterial );
  132. segments.name = 'layer' + i;
  133. object.add( segments );
  134. }
  135. var object = new Group();
  136. object.name = 'gcode';
  137. if ( this.splitLayer ) {
  138. for ( var i = 0; i < layers.length; i ++ ) {
  139. var layer = layers[ i ];
  140. addObject( layer.vertex, true );
  141. addObject( layer.pathVertex, false );
  142. }
  143. } else {
  144. var vertex = [], pathVertex = [];
  145. for ( var i = 0; i < layers.length; i ++ ) {
  146. var layer = layers[ i ];
  147. var layerVertex = layer.vertex;
  148. var layerPathVertex = layer.pathVertex;
  149. for ( var j = 0; j < layerVertex.length; j ++ ) {
  150. vertex.push( layerVertex[ j ] );
  151. }
  152. for ( var j = 0; j < layerPathVertex.length; j ++ ) {
  153. pathVertex.push( layerPathVertex[ j ] );
  154. }
  155. }
  156. addObject( vertex, true );
  157. addObject( pathVertex, false );
  158. }
  159. object.quaternion.setFromEuler( new Euler( - Math.PI / 2, 0, 0 ) );
  160. return object;
  161. }
  162. } );
  163. export { GCodeLoader };