Skip to main content

Graph Canvas and Controls

The graph canvas is used to place nodes, connect sockets and organise the effect.

Move around the graph

  • Drag empty canvas space to pan.
  • Use the mouse wheel over the graph to zoom.
  • Use middle mouse to pan from anywhere on the canvas.
  • Drag any clear part of a node to move it.
  • Use Fit graph to bring the full graph back into view.

Select nodes

Click a node to select it.

Use Ctrl/Cmd or Shift while clicking to add or remove a node from the current selection. Use Shift and drag empty canvas space to draw a selection box.

Dragging one selected node moves the full selection.

Connections

Drag from an output socket to a compatible input socket. The editor blocks incompatible value types and direct shader-stage conflicts.

An input can have one connection. Dropping a new cable onto an occupied input replaces the old connection.

Click a cable to select it, then press Delete to remove it.

Keyboard controls

Click Keyboard controls in the top toolbar for the full list.

Common controls include:

ControlAction
Ctrl/Cmd + ZUndo
Ctrl/Cmd + Shift + ZRedo
Ctrl/Cmd + SSave project
Ctrl/Cmd + ASelect all nodes
Ctrl/Cmd + CCopy selected nodes
Ctrl/Cmd + VPaste copied nodes
Ctrl/Cmd + DDuplicate selected nodes
DeleteDelete selected nodes or cable
EscapeClear the selection or close a modal