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 };
 |