Metroidvania pacing chart

This tool was created to improve the world design of a metroidvania game. The tool provides an overview of how the world will be explored by the player. It shows all of the areas in a game and how they are connected. By changing the game state you can see what areas are reachable for the player. 

The idea is that you can use the actions to move through your game. This way you can quickly get a feeling of how the pacing of your game is going to be.

Game state

On the left you can find an overview of the key variables in your game. These are:

AreasLevels or scenes in the game the player can visit.
ItemsItems can be collected only once.
CurrenciesCurrencies are similar to items. The difference is that you can collect more of them. You can also lose them.
EventsEvents are states that can be toggled on and off.

You can add variables by clicking the add button. You can also rename or delete them. You can select an area by clicking on them in this view. You can also toggle the state of items and events by clicking on them.

Graph 

The main part of the tool is the graph. It shows every area in the game. The connections show how the player can travel from area to area. An arrow means that it is a one way connection. 

The current selected area node is blue. If a node is greyed out this means the area can not be reached from the current selected node in the current state of the game. A blue border around a node indicates that there is an action available in the current state.

Actions

Below the graph you can see an overview of the currently selected area. An area is defined by several actions a player can do. There are 4 different types of actions:

RoadsRoads are ways to go from one area to another. To connect two areas, add a road interaction from one area to another. If you want the road to be accessible from both directions you will need to add a road to the other area as well.
ItemsWill pick up an item.
CurrenciesAdds (or reduces) a currency.
EventsToggles the event.

Locks

Each action can be locked for the player depending on the current game state. You can add multiple locks to a single action. You can remove a lock by selecting none.

  

Thoughts for further improvements

This tool is a prototype. There are still a lot of improvements that can be done. The tool does not scale properly and you cannot zoom in or out on the graph. I also think that locks should be more visible on the graph, but I have not found a way to do this without making the graph too complex.

Please leave a comment if you have any other great ideas for this tool!

StatusReleased
CategoryTool
PlatformsHTML5
Rating
Rated 4.7 out of 5 stars
(3 total ratings)
AuthorRuben Bimmel
Tagschart, design, Metroidvania, pacing, structure, tool

Download

Download
SuperMetroid.json 2 kB

Development log

Comments

Log in with itch.io to leave a comment.

Very useful, I am trying to make a metroidvania right now, and while I had already drawn it out I think this helps me really think about how its going to flow instead of just day dreaming about it. Some ideas would be a way to pin  a room in place so that its not constantly wiggling, a way to color rooms and lines that lead to rooms, the ability to drag and drop the rooms in the tool box in order to rearrange them,  a way to show that there is an ability, item, or event in a room and tell the difference between them. 

I am still going to use this and thanks its very useful.

Pretty neat. Is there a way to make everything stop moving and sliding around?

This is very cool :)

It seems to have broken. I can't select anything but "road," so I cannot make any locks!

how do you even use this? nothing seems to do anything.

v useful

clevah

Neat tool! Thanks for posting!