# Quickstart

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="/files/wmJdLLTmgwoi0cRbqj4q" 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="/files/tnZ98jV7TEusmNfs2MUv" 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="/files/3iEfoB6sOrQfpLH4t6kJ" 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="/files/K1dE04jANYYmajWbEG7q" 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="/files/lAmGkJYeyc0ckwD5BvXI" 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="/files/Nu0JW8sXnJpGSbC4eLke" alt=""><figcaption></figcaption></figure>

4. ## &#x20;Test the Cutscene

Run the game and test the cutscene you created.

<figure><img src="/files/3dCV5kq3Kv4vqS7SiMj4" 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;


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://fantacode.gitbook.io/cutscene-system/documentation/quickstart.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
