Show G-code file name as text sprite on 3D visualizer (#104)

cncjs · Dec 24, 2016 · a71092b · a71092b
1 parent 3090825
commit a71092b
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/src/web/widgets/Visualizer/Visualizer.jsx b/src/web/widgets/Visualizer/Visualizer.jsx
@@ -544,6 +544,25 @@ class Visualizer extends Component {
                 // Update work position
                 this.setWorkPosition(this.workPosition);
 
+                { // G-code meta text sprite
+                    const { units, gcode } = this.props.state;
+                    const gridLength = (units === METRIC_UNITS) ? 10 : 25.4;
+                    const textSize = 5;
+                    const posx = bbox.min.x + (dX / 2);
+                    const posy = Math.floor(bbox.min.y / gridLength) * gridLength - (gridLength / 2);
+                    const posz = textSize / 2;
+                    const metaTextSprite = new TextSprite({
+                        x: posx,
+                        y: posy,
+                        z: posz,
+                        size: textSize,
+                        text: gcode.name,
+                        color: colornames('gray 44'), // grid color
+                        opacity: 0.5
+                    });
+                    obj.add(metaTextSprite);
+                }
+
                 { // Fit the camera to object
                     const objectWidth = dX;
                     const objectHeight = dY;