AnimGraphLab Beta
UI Canvas Overview

Canvas is the main visual viewport where geometry generated and rendered. It provides direct, interactive tools to manipulate shapes, edit paths.

  • Pan: MMB + drag, or swipe with two fingers on touch devices.
  • Zoom: scroll Mouse Wheel, or use pinch-to-zoom on touch screens.
  • Fit View: press Shift + F to center and fit all objects into the viewport.
  • Fullscreen: press Ctrl + Shift + F to toggle fullscreen mode.

Interactive modes

Canvas switches into different interactive modes depending on the selected node.

Tip: contextual shortcuts overlay will appear at the bottom of the screen if enabled in settings.

Transform & special gizmos

Select a transformable node (like Transform, Match Size, or Bend) and press Enter over canvas to activate its interactive gizmo. This allows directly manipulate handles for position, scale, rotation, or effect-specific parameters (like a clip plane angle).

Path editing

Double-click any Path node on the canvas to enter path edit mode.

  • Click and drag points or bezier handles to adjust the curve.
  • Shift + Click to add a new point.
  • Alt + Click to toggle a point between sharp and smooth.

Pencil drawing

Select a Pencil node. If it’s empty, drawing mode activates automatically. Click and drag to draw freehand strokes. Press E to toggle the eraser.

Group selection

When using Group node in Manual mode, click Pick from Canvas. Then LMB + drag selection box over shapes or points directly on the canvas to add to group.

Guides & rulers

To enable visual guides and rulers to help align artwork:

  1. Open View menu in Canvas menubar.
  2. Toggle Show guides (this will also automatically show rulers).
  3. Click and drag from the top or left ruler onto the canvas to create a new guide line.
  4. To move a guide, drag it with your mouse. To delete it, drag it back onto the ruler or select it and press Delete or Backspace.

Artboard guides

When setting up scenes without a dedicated Artboard node, you can enable the Artboard Guide visual overlay.

This gives a reference frame for standard aspect ratios (like Desktop 1440x1024 or Mobile). Use dropdown in top Canvas menubar to toggle and size it.

Shortcuts

Add a new point
Shift
LMB
Add a smooth point
Shift
LMB
Drag
Slide point along edge
CtrlDrag
Snap to 90° increments
ShiftAltDrag
Snap to 45° increments
CtrlShiftDrag
Insert a point
Shift
LMB
Delete a point under cursor
CtrlShift
LMB
Delete selected points
Del
Convert point to sharp or smooth
Alt
LMB
Break handle symmetry
Alt
LMB
Drag
Lock handle to current angle
CtrlShiftDrag
Close an open path
LMB
Add to selection
ShiftDrag
Remove from selection
AltDrag
Exit
Esc
Enter 2D Gizmo mode for selected shape
Enter
Constraint to axis
Shift
Mirror movement
ShiftAlt
Toggle canvas background color
D
Toggle canvas fullscreen
CtrlShiftF
Toggle timeline
ShiftT
Erase
E
Add a new gradient point
Shift
LMB
Remove a gradient point
Alt
LMB

See also