A Vue component for displaying GCODE via Three.JS (100% client-side).
Please switch to Vue 3D Viewer (vue-3d-viewer) which adds support for many more file formats, multithreading, and more.
| Name | Type | Description | Example |
|---|---|---|---|
bed |
Object | Bed size | {X: 22.3, Y: 22.3} |
gcode |
String | Raw GCODE | G0 X0 Y0 Z0 |
position |
Object | GCODE Position | {X: 11.15, Y: 0, Z: 11.15} |
rotation |
Object | GCODE Rotation | {X: -90, Y: 0, Z: 180} |
scale |
Object | GCODE Scale | {X: 0.1, Y: 0.1, Z: 0.1} |
theme |
Object | Theme colors | {extrusionColor: "#4287f5", pathColor: "#0a2f6b",bedColor: "#586375", backgroundColor: "#dfe4ed"} |
Note: These examples might use an outdated version of vue-gcode-viewer.
If you're interested in reusing primarily the non-Vue code from this module, you may be interested in gcode-parser.js, scene.js, and utils.js.