> For the complete documentation index, see [llms.txt](https://docs.digicrafts.com.hk/sceneflow/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.digicrafts.com.hk/sceneflow/exploring-the-scene-flow-editor.md).

# Exploring the Scene Flow Editor

![](/files/-LXOeMpRsp2u_rdLgoN6)

The **Scene Flow Editor** is use to create and design the flow of your game. It is a visual node based editor. Each node represents a scene in your project. Each graph will have a start node that represents the bootstrap scene and the flow will start here.

![](/files/-LXOeMpSEH_pY7LGQu_8)

Beside the start scene, there are 2 types of scene node, base scene and overlay scene. When a base scene loaded, it will replace the previous scene. On the other hand, the overlay scene will add on top of other scene.

![](/files/-LXOeMpTKAb_azRhXnu-)

You can add a new scene node by the drop down button on the toolbar. Or, press the shortcut **Key “A”**popup the dropdown menu. A list of available scene will show in the drop down menu. Select to add on the scene. 

![](/files/-LXSnhEVAQCSGBDHhcwF)

After adding the scenes, you can connect the node by drag and drop from the output port to the input port of the node.

![](/files/-LXOeMpUoXutdsGFpury)

You can select the node and change the properties from the inspector. Toggle the inspector by clicking on the arrow at each side of the toolbar. Or, pressing **Key“N”** to toggle the inspector.

![](/files/-LXOeMpVGDbod9GO2Eas)

You can find the common properties for each node.

| **Property**       | **Description**                                                                                                                                                                                                                   |
| ------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Scene              | Scene asset of this node represents.                                                                                                                                                                                              |
| Load Async         | Enable/disable loading the Scene asynchronously in the background.                                                                                                                                                                |
| Preloading Scene   | <p>Set the preloading scene when loading the sene. <br><strong>Default:</strong> use the default loading scene. <br><strong>Custom:</strong> use custom loading scene. <br><strong>None:</strong> don't use preloading scene.</p> |
| Wait before appear | The time (seconds) before the scene appear after loading completed.                                                                                                                                                               |
| Custom Name        | Custom name appear on the node. The scene name will be used if empty.                                                                                                                                                             |
| Description        | The description appears below each node.                                                                                                                                                                                          |

![](/files/-LXOeMpWmhrxB-K9OLw8)

| **Property** | **Description**                                                                                              |
| ------------ | ------------------------------------------------------------------------------------------------------------ |
| Overlays     | Show the overlay scene connected to this scene node. You can change the loading order for each overlay here. |
| Routes       | Show the routes connected to this node.                                                                      |
| Actions      | Custom action defined in this scene node. You can use the actions in each scene to control the flow.         |