Utility Blocks
Why Utility Blocks Matter
Utility blocks do not belong to a single runtime domain. Instead, they make graphs easier to inspect, shape, prototype, and connect to surrounding systems.
In practice, these are often the blocks that make authoring comfortable rather than merely possible.
Logging And Inspection
ConsoleLog
Use ConsoleLog when you want immediate visibility into what the graph is doing.
This is one of the best first-pass debugging tools because it requires almost no setup and pairs well with event blocks, constants, variables, or scene-derived values.
DebugBlock
Use DebugBlock when you want to inspect a data stream in-place without changing its value.
This is especially useful in the middle of a longer chain where you want to see what value is actually flowing through the graph.
Easing And Value Shaping
Easing
Use Easing when a graph needs a standard easing transform instead of a strictly linear value progression.
BezierCurveEasing
Use BezierCurveEasing when you want more custom control over the easing curve.
These blocks are especially helpful when graphs drive motion, animation blending, or timed transitions.
Context And Integration
Context
Use Context when the graph needs access to contextual data exposed by the flow-graph runtime.
This block helps bridge authored graph logic to the environment in which the graph executes.
FunctionReference
Use FunctionReference when graph logic needs to hold or expose a function reference as data.
CodeExecution
Use CodeExecution when the graph needs to bridge into a code-driven execution path.
This is an advanced integration tool and is most useful when a purely visual graph needs to cooperate with surrounding application logic.
Choosing The Right Utility Block
- Use
ConsoleLogfor immediate, low-friction diagnostics. - Use
DebugBlockfor in-graph value inspection. - Use
EasingorBezierCurveEasingwhen values should change more naturally over time. - Use
Context,FunctionReference, andCodeExecutionwhen integrating graph logic with runtime context or external logic.
Further reading
Block Reference
First-pass reference for the current blocks available in the Babylon.js Flow Graph Editor.

Validation and Property Editing
Reference for graph validation, type compatibility, and the property panel in the Babylon.js Flow Graph Editor.

Editor Operations and Shortcuts
Reference for the Babylon.js Flow Graph Editor toolbar, keyboard shortcuts, grouping, search, notes, and canvas operations.
