262 lines
5.3 KiB
JavaScript
262 lines
5.3 KiB
JavaScript
|
import {
|
|||
|
BufferGeometry,
|
|||
|
FileLoader,
|
|||
|
Float32BufferAttribute,
|
|||
|
Group,
|
|||
|
LineBasicMaterial,
|
|||
|
LineSegments,
|
|||
|
Loader
|
|||
|
} from 'three';
|
|||
|
|
|||
|
/**
|
|||
|
* GCodeLoader is used to load gcode files usually used for 3D printing or CNC applications.
|
|||
|
*
|
|||
|
* Gcode files are composed by commands used by machines to create objects.
|
|||
|
*
|
|||
|
* @class GCodeLoader
|
|||
|
* @param {Manager} manager Loading manager.
|
|||
|
*/
|
|||
|
|
|||
|
class GCodeLoader extends Loader {
|
|||
|
|
|||
|
constructor( manager ) {
|
|||
|
|
|||
|
super( manager );
|
|||
|
|
|||
|
this.splitLayer = false;
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
load( url, onLoad, onProgress, onError ) {
|
|||
|
|
|||
|
const scope = this;
|
|||
|
|
|||
|
const loader = new FileLoader( scope.manager );
|
|||
|
loader.setPath( scope.path );
|
|||
|
loader.setRequestHeader( scope.requestHeader );
|
|||
|
loader.setWithCredentials( scope.withCredentials );
|
|||
|
loader.load( url, function ( text ) {
|
|||
|
|
|||
|
try {
|
|||
|
|
|||
|
onLoad( scope.parse( text ) );
|
|||
|
|
|||
|
} catch ( e ) {
|
|||
|
|
|||
|
if ( onError ) {
|
|||
|
|
|||
|
onError( e );
|
|||
|
|
|||
|
} else {
|
|||
|
|
|||
|
console.error( e );
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
scope.manager.itemError( url );
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
}, onProgress, onError );
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
parse( data ) {
|
|||
|
|
|||
|
let state = { x: 0, y: 0, z: 0, e: 0, f: 0, extruding: false, relative: false };
|
|||
|
const layers = [];
|
|||
|
|
|||
|
let currentLayer = undefined;
|
|||
|
|
|||
|
const pathMaterial = new LineBasicMaterial( { color: 0xFF0000 } );
|
|||
|
pathMaterial.name = 'path';
|
|||
|
|
|||
|
const extrudingMaterial = new LineBasicMaterial( { color: 0x00FF00 } );
|
|||
|
extrudingMaterial.name = 'extruded';
|
|||
|
|
|||
|
function newLayer( line ) {
|
|||
|
|
|||
|
currentLayer = { vertex: [], pathVertex: [], z: line.z };
|
|||
|
layers.push( currentLayer );
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
//Create lie segment between p1 and p2
|
|||
|
function addSegment( p1, p2 ) {
|
|||
|
|
|||
|
if ( currentLayer === undefined ) {
|
|||
|
|
|||
|
newLayer( p1 );
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
if ( state.extruding ) {
|
|||
|
|
|||
|
currentLayer.vertex.push( p1.x, p1.y, p1.z );
|
|||
|
currentLayer.vertex.push( p2.x, p2.y, p2.z );
|
|||
|
|
|||
|
} else {
|
|||
|
|
|||
|
currentLayer.pathVertex.push( p1.x, p1.y, p1.z );
|
|||
|
currentLayer.pathVertex.push( p2.x, p2.y, p2.z );
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
function delta( v1, v2 ) {
|
|||
|
|
|||
|
return state.relative ? v2 : v2 - v1;
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
function absolute( v1, v2 ) {
|
|||
|
|
|||
|
return state.relative ? v1 + v2 : v2;
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
const lines = data.replace( /;.+/g, '' ).split( '\n' );
|
|||
|
|
|||
|
for ( let i = 0; i < lines.length; i ++ ) {
|
|||
|
|
|||
|
const tokens = lines[ i ].split( ' ' );
|
|||
|
const cmd = tokens[ 0 ].toUpperCase();
|
|||
|
|
|||
|
//Argumments
|
|||
|
const args = {};
|
|||
|
tokens.splice( 1 ).forEach( function ( token ) {
|
|||
|
|
|||
|
if ( token[ 0 ] !== undefined ) {
|
|||
|
|
|||
|
const key = token[ 0 ].toLowerCase();
|
|||
|
const value = parseFloat( token.substring( 1 ) );
|
|||
|
args[ key ] = value;
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
} );
|
|||
|
|
|||
|
//Process commands
|
|||
|
//G0/G1 – Linear Movement
|
|||
|
if ( cmd === 'G0' || cmd === 'G1' ) {
|
|||
|
|
|||
|
const line = {
|
|||
|
x: args.x !== undefined ? absolute( state.x, args.x ) : state.x,
|
|||
|
y: args.y !== undefined ? absolute( state.y, args.y ) : state.y,
|
|||
|
z: args.z !== undefined ? absolute( state.z, args.z ) : state.z,
|
|||
|
e: args.e !== undefined ? absolute( state.e, args.e ) : state.e,
|
|||
|
f: args.f !== undefined ? absolute( state.f, args.f ) : state.f,
|
|||
|
};
|
|||
|
|
|||
|
//Layer change detection is or made by watching Z, it's made by watching when we extrude at a new Z position
|
|||
|
if ( delta( state.e, line.e ) > 0 ) {
|
|||
|
|
|||
|
state.extruding = delta( state.e, line.e ) > 0;
|
|||
|
|
|||
|
if ( currentLayer == undefined || line.z != currentLayer.z ) {
|
|||
|
|
|||
|
newLayer( line );
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
addSegment( state, line );
|
|||
|
state = line;
|
|||
|
|
|||
|
} else if ( cmd === 'G2' || cmd === 'G3' ) {
|
|||
|
|
|||
|
//G2/G3 - Arc Movement ( G2 clock wise and G3 counter clock wise )
|
|||
|
//console.warn( 'THREE.GCodeLoader: Arc command not supported' );
|
|||
|
|
|||
|
} else if ( cmd === 'G90' ) {
|
|||
|
|
|||
|
//G90: Set to Absolute Positioning
|
|||
|
state.relative = false;
|
|||
|
|
|||
|
} else if ( cmd === 'G91' ) {
|
|||
|
|
|||
|
//G91: Set to state.relative Positioning
|
|||
|
state.relative = true;
|
|||
|
|
|||
|
} else if ( cmd === 'G92' ) {
|
|||
|
|
|||
|
//G92: Set Position
|
|||
|
const line = state;
|
|||
|
line.x = args.x !== undefined ? args.x : line.x;
|
|||
|
line.y = args.y !== undefined ? args.y : line.y;
|
|||
|
line.z = args.z !== undefined ? args.z : line.z;
|
|||
|
line.e = args.e !== undefined ? args.e : line.e;
|
|||
|
|
|||
|
} else {
|
|||
|
|
|||
|
//console.warn( 'THREE.GCodeLoader: Command not supported:' + cmd );
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
function addObject( vertex, extruding, i ) {
|
|||
|
|
|||
|
const geometry = new BufferGeometry();
|
|||
|
geometry.setAttribute( 'position', new Float32BufferAttribute( vertex, 3 ) );
|
|||
|
const segments = new LineSegments( geometry, extruding ? extrudingMaterial : pathMaterial );
|
|||
|
segments.name = 'layer' + i;
|
|||
|
object.add( segments );
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
const object = new Group();
|
|||
|
object.name = 'gcode';
|
|||
|
|
|||
|
if ( this.splitLayer ) {
|
|||
|
|
|||
|
for ( let i = 0; i < layers.length; i ++ ) {
|
|||
|
|
|||
|
const layer = layers[ i ];
|
|||
|
addObject( layer.vertex, true, i );
|
|||
|
addObject( layer.pathVertex, false, i );
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
} else {
|
|||
|
|
|||
|
const vertex = [],
|
|||
|
pathVertex = [];
|
|||
|
|
|||
|
for ( let i = 0; i < layers.length; i ++ ) {
|
|||
|
|
|||
|
const layer = layers[ i ];
|
|||
|
const layerVertex = layer.vertex;
|
|||
|
const layerPathVertex = layer.pathVertex;
|
|||
|
|
|||
|
for ( let j = 0; j < layerVertex.length; j ++ ) {
|
|||
|
|
|||
|
vertex.push( layerVertex[ j ] );
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
for ( let j = 0; j < layerPathVertex.length; j ++ ) {
|
|||
|
|
|||
|
pathVertex.push( layerPathVertex[ j ] );
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
addObject( vertex, true, layers.length );
|
|||
|
addObject( pathVertex, false, layers.length );
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
object.rotation.set( - Math.PI / 2, 0, 0 );
|
|||
|
|
|||
|
return object;
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
}
|
|||
|
|
|||
|
export { GCodeLoader };
|