CNC Laser Control with

The user interface is divided into five key areas, designed to deliver maximum precision and control in a single environment.
L’interfaccia utente si articola in cinque aree chiave, studiate per offrire massima precisione e controllo in un unico ambiente.

Rulers in millimeters
Righelli in millimetri

Rulers graduated in millimeters run along the top and left edges of the workspace for quick measurements and accurate element placement.
Ai bordi superiore e sinistro dell’area di lavoro scorrono righelli graduati in millimetri, per misurazioni rapide e posizionamenti accurati di ogni elemento grafico.

Modular grid
Griglia modulare

A customizable grid (adjustable spacing and line weight) is visible in the workspace background, supporting “snap-to-grid” to facilitate alignment and scaling of objects.
Sullo sfondo dell’area di lavoro è visibile una griglia personalizzabile (passo e spessore regolabili) che supporta lo “snap-to-grid”, facilitando l’allineamento e il ridimensionamento degli oggetti.

Dynamic guides
Linee guida dinamiche

Guides can be instantiated by clicking the intersection point of the horizontal and vertical rulers. Once generated, they become dynamically adjustable by dragging from their intersection node—an essential feature for defining precise custom axes and reference grids, particularly in complex layout compositions or for segmenting the workspace into functional zones.
Le guide possono essere generate facendo clic sul punto di intersezione tra i righelli orizzontale e verticale. Una volta create, risultano regolabili dinamicamente trascinando il nodo di intersezione—una funzione essenziale per definire assi personalizzati e griglie di riferimento precise, particolarmente utile in composizioni di layout complesse o per suddividere l’area di lavoro in zone funzionali.

Configurable work area
Area di lavoro configurabile

The blank area originates at coordinate 0/0 and can be dynamically resized by dragging the handle located at the intersection of the rulers. The updated dimensions are automatically transmitted to the GRBL controller, ensuring precise alignment between the digital workspace and the physical machine coordinates.
L'area vuota ha origine nella coordinata 0/0 ed è ridimensionabile dinamicamente trascinando la maniglia posta all'intersezione dei righelli. Le dimensioni aggiornate vengono trasmesse automaticamente al controllore GRBL, garantendo un allineamento preciso tra l’area di lavoro digitale e le coordinate macchina reali.

Rendering area
Area di rendering

Dedicated space for real-time visualization of the toolpath and job simulation. Accurately reflects transformations, material boundaries, and machine behavior during execution.
Spazio dedicato alla visualizzazione in tempo reale del percorso utensile e alla simulazione del lavoro. Rappresenta con precisione trasformazioni, limiti del materiale e comportamento macchina durante l'esecuzione.

Scripting area
Area di scripting

With simple keyboard shortcuts you can quickly create regular polygons, text, ellipses, rectangles, or start the polyline drawing tool.
Con semplici combinazioni da tastiera si creano rapidamente poligoni regolari, testi e ellissi e rettangoli, oppure si avvia lo strumento di disegno polyline.

Through scripting (JavaScript), by invoking API functions, you can apply complex transformations (translation, scaling, skew, offset, ...) to objects or combine them with boolean operations (union, difference, intersection, XOR) programmatically.
A mezzo scripting (JavaScript) possiamo, richiamando funzioni API, applicare agli oggetti trasformazioni complesse (traslazione, scalatura, skew, offset, ...) o combinarli con operazioni booleane (union, difference, intersection, XOR) in modo programmatico.

Log and console area
Area di log e console

A dedicated panel displays real-time status messages, errors, and confirmations, each line timestamped for immediate debugging and comprehensive operation tracking.
Pannello dedicato alla visualizzazione in tempo reale di messaggi di stato, errori e conferme, ogni riga corredata di timestamp per un debug immediato e completo tracciamento delle operazioni.

Raster image manipulation
Manipolazione delle immagini raster

Import PNG/JPG directly onto the canvas and adjust size, gamma, position, rotation, flip, and via script apply filters (dithering, halftone) or cropping.
Importare PNG/JPG direttamente nel canvas e regolare misura, gamma, posizione, rotazione, flip e da script applicare filtri (dithering, halftone) o ritaglio.

Start bitmap-to-vector conversion (using potrace.js), obtaining SVG paths that can then be treated like normal vector objects (resized, transformed, or combined with boolean operations).
Avviare la conversione bitmap→vettoriale (tramite potrace.js), ottenendo tracciati SVG che possono poi essere trattati come normali oggetti vettoriali (ridimensionati, trasformati, o combinati con operazioni booleane).