Using the node editor
Documentation is a work in progress
Documentation is an ongoing effort and some parts are more complete than others, with some missing entirely. Thanks for your patience, its being worked on!
See the Node Editor - Crash Course tutorial for an extensive introduction to the node editor.
The node editor is available in the main scene window once the scene is switched to creative mode.
Switch to creative mode through the creative mode toggle in the scene toolbar.
Module Library
The Modules Library can be found at the bottom of the editor.
It holds all the node modules that talemate has currently installed and is the main way to add new modules to the editor or open existing modules for inspection or editing.
Module listing
Node modules come in three categories:
- Scene level modules: Purple, these modules live with scene project
- Installed modules: Brown, these are the modules installed through the
templates/modules
directory - Core modules: Grey, these are the modules that are part of the core talemate installation
All modules can be opened and inspected, but only scene level modules can be edited.
Installed and core modules will have a Lock icon next to their name. This means that they cannot be edited, but they can still be opened and inspected and copied into an editable scene level module.
Modularity and load order explained
Read the Modularity section for more information on the load order of the modules.
Filtering modules
Type search terms into the Filter field to only show modules that match the search terms.
Opening modules
To open a module, click on the module you want to open.
Onced opened the module will be loaded into to node editor.
Creating modules
To create a new scene module, click the Create Module button.
Select the appropriate module type.
Module Type | Description |
---|---|
Copy current | Copies the currently open module into a new module |
Extend current | Extends the currently open module into a new module |
Command | Creates a new command module |
Event | Creates a new event module |
Function | Creates a new function module |
Module | Creates a new module |
Scene Loop | Creates a new scene loop module |
In the upcoming dialog you can name the new module and set the registry path.
The registry path is the path to the module in the module library.
The registry path must have at least two parts, the first part is the path to the module in the module library, the second part is the name of the module.
Use $N in the registry path
The registry path can contain a $N
placeholder. This will be replaced with a name generated from the module title.
For example, if the module title is "My Module", the registry path will be path/to/my/modules/$N
.
The $N
placeholder will be replaced with a name generated from the module title.
Deleting modules
To delete a scene module click the icon next to the module name.
Cannot be undone
Deleting a module is irreversible and cannot be undone.
Node Editor
The node editor is made up of the toolbar, the canvas and the log watcher.
Canvas
The canvas is the main area where you can add, connect and edit nodes.
Log Watcher
Certain nodes can log messages to the log watcher. It is located in the upper right corner of the editor.
Toolbar
The toolbar shows the path of the currently open module and provides:
- A debug menu
- Testing controls
- Save
Debug Menu
Allows you to toggle on or off some debug options.
Debug Option | Description |
---|---|
Set State | Causes Set State nodes to log their state to the log watcher |
Get State | Causes Get State nodes to log their state to the log watcher |
Clear Log on Test | Clears the log watcher on test |
Start Scene Test
Clicking the button will start the scene loop for testing.
This is useful if you want to stay in the module that you are currently editing, but want to start a testing run of the scene.
Saving the module before testing
In order for the scene loop to pick up the current changes in the open module, you need to save the module first.
Start Module Test
Clicking the button will start a disconnected test run of the currently open module.
Stop Test
Clicking the button will stop the current test run.
Breakpoint controls
When a Breakpoint
node is processed the module execution will pause and the toolbar will show the breakpoint controls.
Breakpoint Control | Description |
---|---|
Will open the module that triggered the breakpoint | |
Releases the breakpoint and continues the module execution |
Nodes
Adding a node
To add a node to the module, right click the canvas and select Add Node, then browse through the context menu to find the node you want to add.
Node Search
Alternatively, double clicking the canvas will open the node search.
Type in the search field to filter the nodes.
Click on the node you want to add to the canvas.
Press enter to add the top result
Pressing enter will add the top result to the canvas.
Connecting nodes
To connect nodes, click and drag from the output slot (right) of one node to the input slot (left) of another node.
Disconnecting nodes
Drag the output slot of one node to the canvas to disconnect it.
Selecting nodes
To select a single node, click on it, it will have a white border to indicate that it is selected.
To select multiple nodes, hold the Ctrl
key and drag a rectangle around the nodes you want to select.
To add to a selection, hold the Shift
key and click on the node.
To add multiple nodes to a selection, hold the Ctrl+Shift
key and drag a rectangle around the nodes you want to add to the selection.
Deleting nodes
Select the node(s) and hit the DEL
key to delete it.
Moving nodes
To move a single node simply hold the mouse button down and drag the node to the desired location.
To move multiple selected nodes hold the Shift
key and drag the nodes to the desired location.
Resizing a node
To resize a node, move the mouse around the bottom right corner of the node until the resize cursor appears.
Then hold and drag the bottom right corner to resize the node.
Copying nodes
Ctrl+C / Ctrl+V
To copy a node, select it and hit Ctrl+C
.
To paste a node, select the location where you want to paste it and hit Ctrl+V
.
Alt drag to duplicate
You can also hold the Alt
key and drag the selected node(s) to duplicate them and drag the duplicate to the desired location.
Node Properties
Most nodes come with properties that can be edited. To edit a node property, click on the corresponding input widget in the node.
A window will open with an appropriate input method to update the property.
Node title
You can change the title of any node by right clicking on it and then selecting Title
.
Auto titling
Some nodes support auto titling. To auto title a node, hold Shift
and click the node's title.
The Get State
node for example will auto title to display the <scope>
and the <variable name>
.
Groups
Groups allow you to group nodes together by color schemes.
Any nodes inside a group will move with the group when the group is moved.
Adding a group
Right click on the canvas and select Add Group
.
Group Properties
Edit a group's properties by right clicking the group and the nEdit Group
option.
Title
Set the title of the group.
Color
Set the color of the group.
Deleting a group
Right click on the group and select Edit Group
-> Remove Group
.
Moving a group
Click and hold the group title to move the group.
Resizing a group
Move the mouse around the bottom right corner of the group until the resize cursor appears.
Then hold and drag the bottom right corner to resize the group.
Group control shortcuts
There are some convenience shortcuts for groups, they are activated by clicking the group title while holding a modifier key.
Modifier Key | Description |
---|---|
Ctrl |
Resize the group to neatly frame the nodes inside it |
Shift |
Create a new group beneath with the same width, color and title |
Alt |
Snap the group the group above it, aligning its top-left corner with the bottom-right corner of the other group |
Comments
To add a comment right click the canvas and select Comment
.
Double click the comment to edit the text.