Hey everyone!
I have been quietly working on something we’re excited to finally put in front of you: a visual Flow Graph Editor for Babylon.js. It’s still in beta, so consider this an open invitation —-if you’re curious, please give it a spin and let us know what you think. Every bit of feedback helps us shape it. ![]()
So what is it?
Flow Graph lets you build interactive logic —-events, actions, data, and conditions - by connecting nodes (“blocks”) on a canvas, instead of writing all of it in code. Think: on pointer click → animate this mesh → toggle that light, wired together visually. It’s great for interactive scenes, simple game logic, and prototyping behaviors quickly. It’s also the same system Babylon uses under the hood for glTF interactivity, so anything you author lines up nicely with the standard. glTF Interactivity is a work in progress, so the editor still doesn’t support the full specs.
The editor lets you load a scene, drop in blocks, wire them up, run, validate, and debug your graphs live - then save them to a file or snippet.
Want to see how powerful it is? https://playground.babylonjs.com/#P41T6E#1 - this game’s entire interactivity - movement, jumping, even playing the sounds and animating the characters - is all done using the flow graph.
Jump straight into the editor: https://flowgraph.babylonjs.com
Where to start in the docs:
Flow Graph Editor overview → Babylon.js docs
Getting started → Babylon.js docs
Your first runnable graph → Babylon.js docs
Step-by-step: build the “Babylon Bros” platformer → Babylon.js docs
That last one takes you all the way from an empty canvas to a full interactive game scene - a great way to see what the editor can really do.
Bonus for the AI-curious ![]()
There’s also a Flow Graph MCP server - an MCP integration that lets AI assistants author Flow Graphs for you: creating graphs, adding and connecting blocks, setting properties, validating, and exporting the JSON to drop straight into a scene. If you’re into AI-assisted authoring workflows, it’s a fun one to experiment with.
Since this is beta, expect a few rough edges - and that’s exactly where you come in. Bug reports, “this felt confusing” notes, feature ideas, cool things you built - drop them all here. Can’t wait to see what you make! ![]()