> For the complete documentation index, see [llms.txt](https://fantacode.gitbook.io/cutscene-system/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://fantacode.gitbook.io/cutscene-system/documentation/quickstart.md).

# Quickstart

This page explains how you can get started using the cutscene system and create a simple cutscene.

1. ## &#x20;Set up **Cutscene Manager and Cutscene Graph Editor**&#x20;

From <mark style="color:blue;">Assets ► Non-Linear Dialogue & Cutscene System ► Prefab ► Manager</mark> drag and drop the Cutscene Manager and Cutscene Graph Editor to the scene.

<div align="left"><figure><img src="https://3007250873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP9FEBK4VU4ZymTQrhNzz%2Fuploads%2FQbP6JJuRHjLji7M5gg0X%2FScreenshot_20230214_153143.png?alt=media&amp;token=c304a680-3533-4ac2-8f7a-1b8e3311d907" alt=""><figcaption></figcaption></figure></div>

2. ## &#x20;Create a Cutscene

**Open Editor Window** -  <mark style="color:blue;">Tools ► Cutscene System ► Cutscene Editor</mark>

<div align="left"><figure><img src="https://3007250873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP9FEBK4VU4ZymTQrhNzz%2Fuploads%2FGx2Cv5U6lyshGdRKmov8%2FScreenshot%202023-04-18%20182048.png?alt=media&amp;token=d392998b-1c4c-4014-9b29-fba05afa4f3d" alt=""><figcaption></figcaption></figure></div>

**Create a Cutscene graph**

Right-click on the editor window and select create graph option to create a cutscene graph

<figure><img src="https://3007250873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP9FEBK4VU4ZymTQrhNzz%2Fuploads%2FBBz0lr7hyCSSvl8EmNop%2FGraph%20Creation.gif?alt=media&amp;token=fe1e7337-9b8a-48e0-8a3e-dc9676a48852" alt=""><figcaption></figcaption></figure>

**Add Nodes to the Cutscene Graph**

Once the cutscene graph is created, you can right-click on it and add different nodes to it as shown below.

<figure><img src="https://3007250873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP9FEBK4VU4ZymTQrhNzz%2Fuploads%2FHDq5lJUOWv1YQbmPCLLd%2FAdding%20Nodes.gif?alt=media&amp;token=4ab009a5-2606-4fb7-9427-bd391daa7912" alt=""><figcaption></figcaption></figure>

We have added a character model to the scene to play animations and make the cutscene look good. But you can skip that and try simpler cutscene actions.

<figure><img src="https://3007250873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP9FEBK4VU4ZymTQrhNzz%2Fuploads%2FTnDsfBsJ8P0CHxPVR1p3%2FMicrosoftTeams-image.png?alt=media&amp;token=09909e39-ed19-4c9b-8009-bc7ff70058aa" alt=""><figcaption></figcaption></figure>

3. ## Trigger the Cutscene

Create an empty gameobject and add the <mark style="color:blue;">**CutsceneTrigger**</mark> script to it.

You can find the CutsceneTrigger script from <mark style="color:blue;">Assets ► Non-Linear Dialogue & Cutscene System ► Prefab ► Trigger</mark>

In the CutsceneTrigger script, select **On Start** in the **Choose Trigger** field and drag the Cutscene created in the previous step to the Cutscene field. This will trigger the Cutscene when you start the game.

<figure><img src="https://3007250873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP9FEBK4VU4ZymTQrhNzz%2Fuploads%2F8DL2MQA6082BlwKwIRMo%2FCutscene-trigger.gif?alt=media&amp;token=f0c4ee76-a920-4e42-bebb-4617620ca228" alt=""><figcaption></figcaption></figure>

4. ## &#x20;Test the Cutscene

Run the game and test the cutscene you created.

<figure><img src="https://3007250873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP9FEBK4VU4ZymTQrhNzz%2Fuploads%2FCY8Yj4bCxpYNawlVeo2W%2FTest%20Cutscene.gif?alt=media&amp;token=cbf7a6a9-83a8-4821-8bda-34e9479d0a0b" alt=""><figcaption></figcaption></figure>

We have only tried a few cutscene nodes in this quickstart tutorial, but you can try out the other nodes and see their result. The list of all the available nodes can be found [<mark style="color:blue;">here</mark>](/cutscene-system/documentation/nodes.md).

You can try triggering the cutscene using other methods. For example, you might want to trigger a cutscene when the player takes with the NPC, in that case, you can use the **On Trigger** or **On Trigger With KeyDown** options. Check out [<mark style="color:blue;">this page</mark>](/cutscene-system/documentation/cutscene-trigger.md) to learn more.

A great way to learn about the functionalities of this system is to check out the [<mark style="color:blue;">demo scenes</mark>](/cutscene-system/documentation/demo-scenes.md) that come with the asset and see how the demo cutscenes are created.&#x20;
