AnimGraphLab Alpha
UI Nodegraph Overview

Nograph is the primary place where you create and connect nodes to build your illustrations, designs. It provides a visual representation of entire data flow like creating a start then bending it. Nodegraph allows to create complex system that layers can’t offer in a organized manner.

Inputs and outputs

Node Input/Output DiagramA diagram showing a generic node with color-coded input and output handles.Generic Node

Source (Input)

The primary shape input. Most nodes that modify shapes have this.

Target (Input)

A secondary input, often used for cutters in Boolean operations or targets in Match Size.

Mask (Input)

A tertiary input, typically used for masking operations in nodes like Blend.

Output

The output of the node, which can be connected to other nodes' inputs.

  • Inputs (Top): Receive shape or properties from other nodes.
  • Outputs (Bottom): Send the processed shape or properties to other nodes.

Node wings

When hovered over a node, colored “wings” appear on left and right sides. These are quick-access toggles for important node states.

WingDescriptionVisual Example
DisableTemporarily bypasses the node's operation, as if it wasn't there.Node
PreviewSimilar to render target but previews results as a ghosted shape in the viewport.Node
Render targetMarks this node as the final output in the viewport. Only one node can be the render target at a time.Node

Tip: use shortcuts to quickly set render flag 'R', preview node 'E' or disable node 'Q'.

Auto wiring

Abuse auto wiring feature as much as possible as it’s the fastest way to connect nodes.

  1. Select a node.
  2. Use TAB or RMB to search node.
  3. Add node and it will auto wire to selected node.

Tip: auto wiring supports multi-input nodes as well. First selected node will be first input, second selected node will be second input.

See also