← Studio guide

Getting started

Navigating the node graph

Pan, zoom, fit, the Tab quick-add menu, drag-to-create, and auto-layout.

Moving around

  • ·Scroll to zoom, drag the background to pan.
  • ·F fits the whole graph in view.
  • ·L runs auto-layout and tidies the graph into dependency order.

Placing nodes

Tab opens a search box at the cursor. Type any part of a node name and press Enter. The tools bar on the left is the browsable version of the same list when you do not know what you are looking for.

You can also drop a file straight onto the canvas. Images, video and 3D files each create the right input node and upload themselves.

Keeping a big graph readable

  • ·Backdrop draws a labelled panel behind a group of nodes. Dragging it moves everything sitting on it.
  • ·Sticky Note leaves a free-floating comment.
  • ·Dot / Reroute bends a long connection so it stops crossing the rest of the graph.
  • ·Each node also has its own note and colour in the properties panel, which is the quickest way to mark a hero branch from a scratch one.

Disabling instead of deleting

Select a node and press D to disable it. It dims and gets a diagonal strike, and the graph runs as though it were not there. Its ports stay connectable, so you can rewire around it and put it back later without rebuilding anything.

Moving graphs between tabs

Copy and paste use your system clipboard, so a selection copied in one Studio tab pastes into another. The clipboard holds readable JSON, which means you can also paste a graph into a message when you want someone to look at it.