> For the complete documentation index, see [llms.txt](https://hsv-studio.gitbook.io/tutorial-factory/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hsv-studio.gitbook.io/tutorial-factory/guides/create-stages.md).

# Create Stages

{% hint style="info" %}
Stage is the fundamental of tutorial steps. You can add as many stage as you want. Each stage can have multiple Tutorial Objects and different configurations.&#x20;

**Please be aware that only one stage can be played at a time.**
{% endhint %}

* **Auto Start**: Automatically starts Tutorial Stage when entering PlayMode.
* **Auto Start Stage Index**: Auto starting stage index. -1 starts from first element.&#x20;

{% hint style="warning" %}
Stage Index starts from 1, and increment down the array. It is using array position plus one notation. Do not use index 0.
{% endhint %}

Debug Mode: Outputs Tutorial Manager running message to the console. You could use this to check the status of running tutorials.&#x20;

![Picture 1. Stage Settings](https://2526158861-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FG18qhsfnlekFiCYWyYsZ%2Fuploads%2FZBDii96CPbUnGA4vXuDH%2FToolBar.jpg?alt=media\&token=c63ba14c-fe73-44c9-9598-5fe3fe404fbd)

### 1. Add Stages

Click on '+' button to add your first Stage Object.&#x20;

* **Selected Stage Step**: Indicates which stage object is selected on Editor.
* **Current Tutorial Stage Step**: Current playing stage index of the Tutorial Manager.

{% hint style="info" %}
This stage step is managed by Tutorial Manager to do play and stop actions. Users do not need to modify this.
{% endhint %}

* **Stage Object Name**: Playing Stage Object name.
* **Play State**: State of current playing stage.&#x20;

{% hint style="info" %}
Idle: The stage is not playing.

Start: Stage is started.

End: Stage is ended.
{% endhint %}

{% hint style="warning" %}
Remember that the name and state are only shown on PlayMode. It only indicates the status of stage object obtained using currentStageStep index. The stage selected on Editor does not change the currentStageStep index of Tutorial Manager.
{% endhint %}

{% hint style="info" %}
You could delete selected Stage Object by clicking on '-' button.

The Stage Objects could be reordered on the list by dragging it up or down. This would change its playing index accordingly.
{% endhint %}

![Picture 2. Stage Objects](https://2526158861-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FG18qhsfnlekFiCYWyYsZ%2Fuploads%2FPfWExn9tVWgxsCP8LWld%2FScreen%20Shot%202022-04-11%20at%203.08.48%20PM.png?alt=media\&token=13015e18-29a0-4477-a64c-58c4c2c66652)

Now let's move on to the configuration of individual Stage Object.
