Bubble Path

Bubble diagrams with connections that can depend on flags. Analyze your level design with keys and locks.

This is a Work In Progress tool. There are a lot of missing features, and the inputs are not final.

Backup your stuff with the export, saving the JSON into a safe place you own. I'm really sorry if I break your project introducing some new features that breaks save compatibility >< I'll try not to do that though.

Example

Say you are making a metroidvania with 6 areas like this

But some connections require an ability or key. Let's say you need the slide to access the tunnels to find the library key there. You can model this situation this like this.

In the Battle Arena you can learn the slide, which opens the passage to the tunnels, allowing where you can find the key to the library, and so on.

Camera, etc

• Pan camera : WASD
• Zoom in / out : Scroll Wheel
• Undo: Z
• Redo: shift + Z

Bubble

• Press 1 to create
• Double click to rename
• Hover + Space to create a Connection, then click a Bubble
• Hover + Backspace to delete

Flag Button

• Press 2 to create
• Double click to rename
• Hover + Space to toggle state
• Hover + Backspace to delete

Flag Dependency

• Hover a Connection + Space to create a dependency, then click a Flag Button
• A connection is considered 'available' if all the flags are 'on'
• A single connection can depend on multiple flags, and a single flag can be connected to multiple connections

Starter Token

• Press 3 to create
• Drag near a bubble define it as the starting bubble. A path of bubbles that can be reached from the starting bubble will appear
• Toggle the flag states to see which bubbles are reached for each combination of flags