NodeFlow LogicBlock

NodeFlow LogicBlock - Visual Block Graph Editor for LogicBlock

NodeFlow LogicBlock adds a visual node graph editor for creating, organizing, and managing LogicBlocks inside LogicBlock for Game Creator 2.

LogicBlock already provides a powerful way to centralize and reuse instructions and conditions through Block assets. However, as Blocks grow larger and contain more lists, branches, and reusable systems, it can become increasingly difficult to visualize the overall structure and execution flow.

NodeFlow solves that by turning LogicBlocks into a visual graph workflow where lists, instructions, conditions, and branches are easier to organize, navigate, and understand at a glance.

Designed to feel familiar to anyone who has used node-based editors before, NodeFlow focuses on usability, organization, and workflow speed while still remaining highly customizable and lightweight.

Graph-Based Logic Workflow

Create and manage LogicBlocks visually using connected nodes instead of navigating through nested editors and lists.

• Visual overview of all Lists inside a Block

• Easier understanding of execution flow

• Better readability for larger logic systems

• Organize logic visually instead of mentally tracking lists and hierarchies

LogicBlock Overview Graph

Opening a LogicBlock displays all Instruction Lists and Condition Lists inside a dedicated graph view.

Each list is represented as its own node and displays:

• List name

• List icon

• List type

• Instruction or branch count

• Reference count

This provides a high-level overview of the entire Block and makes it easy to identify, organize, and navigate larger logic systems.

Open Any List Instantly

Lists can be opened directly from the overview graph.

Simply click Open on any of the list nodes to open it and view its instructions as a visual graph.

No more searching through inspectors or scrolling through long instruction lists.

Visual Instruction Flow

Inside a List, every instruction and branch is displayed as its own node.

This makes it significantly easier to:

• Understand execution order

• Visualize branches and conditions

• Identify logic bottlenecks

• Navigate large instruction chains

Complex logic becomes easier to read and maintain compared to traditional list-based workflows.

Visual Reordering

Rearrange instruction execution order directly inside the graph.

Simply drag a node above or below another node.

When a valid position is detected:

• A visual blue highlight appears

• The instruction order updates automatically

This allows you to restructure logic quickly without manually moving instructions through traditional list interfaces.

Search Field

Search through all list names inside the currently opened LogicBlock.

When a match is found:

• The graph automatically focuses on the matching node

• Matching nodes are highlighted inside the minimap

If multiple matches exist, you can cycle through all results directly from the toolbar.

Useful when navigating larger Blocks containing many reusable lists.

Sticky Notes

Create Sticky Notes directly inside the graph to leave comments, reminders, or organization notes.

Useful for:

• System planning

• Logic documentation

• Development notes

Minimap

The minimap provides an overview of the entire graph and updates automatically as nodes are added and connected.

• View the full Block structure at a glance

• Quickly navigate through the graph

• Selected nodes highlighted in blue

• Search matches highlighted in yellow

Clicking inside the minimap instantly moves the graph view to that location.

Snapping Guidelines

While moving nodes, alignment guides automatically appear to help organize nodes neatly.

Node Themes

Assign different color themes to nodes to visually separate different systems, logic groups, or reusable workflows.

Graph Navigation

Navigate through graphs using familiar controls.

Navigation Controls

• Middle Mouse drag to pan

• Alt + Left Mouse drag to pan

• Mouse wheel zoom

• Home button to reset graph position

Node Selection

• Single selection

• Multi-selection

• Box selection

• Ctrl multi-select

• Ctrl + A select all

Node Editing

• Open Lists directly from nodes

• Rearrange instruction flow visually

• Delete nodes

• Context menu actions

• Multi-node editing workflows

Open graphs by:

• Double-clicking a LogicBlock asset

• Window > NodeFlow > LogicBlocks Graph