Script Factory

Canvas Operations

Master various operation techniques for the script editor canvas

The canvas is the core work area of the script editor. Mastering canvas operations will make your creation more efficient.

Panning the Canvas

Hold down the left mouse button and drag in an empty area to move the canvas view.

Zooming the Canvas

Zoom in: Scroll mouse wheel up
Zoom out: Scroll mouse wheel down

Control Bar

The control bar at the bottom left of the canvas provides the following functions:

Button	Function
+	Zoom in view
-	Zoom out view
Fit	Fit all nodes to current viewport
Lock	Lock/unlock interaction

Minimap

The minimap at the bottom right of the canvas shows a thumbnail view of the entire script:

Blue frame indicates current viewport range
Click minimap to quickly jump to corresponding position
Drag blue frame to move view

Node Operations

Selecting Nodes

Click a node to select it. Selected nodes will have a highlighted border.

Multi-selecting Nodes

Hold Shift and click multiple nodes to select them simultaneously.

Moving Nodes

After selecting a node, drag to move its position.

Editing Nodes

Click a node to open its corresponding editor dialog.

Deleting Nodes

Select the node
Press Delete or Backspace key

Note: Start node cannot be deleted.

Click the menu button (three dots) at the top right of a node to:

Option	Function
Duplicate Node	Create a copy of node
Delete Node	Delete current node

Connection Operations

Creating Connections

Move mouse to the connection point at the bottom of source node (circle will highlight)
Hold left mouse button
Drag to the connection point at the top of target node
Release mouse

Selecting Connections

Click a connection line to select it. Selected lines will become thicker and highlighted.

Deleting Connections

Click to select connection line
Press Delete or Backspace key

Connection Rules

Rule	Description
Direction	Can only connect from bottom (output) to top (input)
Self-connection	Nodes cannot connect to themselves
Multi I/O	A node can have multiple input and output connections

Connection Styles

Different types of connections have different styles:

Connection Type	Style
Normal connection	Gray curve
Selected connection	Bold highlighted

Auto Layout

When there are many nodes, manual arrangement can be tedious. Use the auto layout feature to organize with one click:

How to Use

Click the "Auto Layout" button in the toolbar.

Layout Effect

Auto layout arranges nodes in a top-to-bottom direction:

Start node at the top
Subsequent nodes arranged downward by level
Same-level nodes distributed horizontally

FAQ

Q: Can't drag nodes?

Check if the lock button in the canvas control bar is activated, or if the current script is in read-only mode (under review/published).

Q: Can't create connections?

Make sure:

Start dragging from the bottom connection point of source node
Drag to the top connection point of target node
Not connecting to the same node

Next Steps

Publishing - Learn how to publish scripts

Interaction Node Guide

Deep dive into Plotti's core feature - the character interaction system

Publishing

Learn how to save, edit information, and publish your script