# Cutscene Graph Editor

Cutscenes are created as a node-based graph, as shown in the image below. This will allow us to create branching/non-linear cutscenes & dialogues.

<figure><img src="https://3007250873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP9FEBK4VU4ZymTQrhNzz%2Fuploads%2F996UcESXqKLPNflfOIXg%2FScreenshot_20230214_171946.png?alt=media&#x26;token=c0ac9503-ea3c-472e-9bc4-5d755568b589" alt=""><figcaption></figcaption></figure>

Creating cutscenes is done from the Cutscene Graph Editor. So first, we have to add the Cutscene Graph Editor prefab to our scene before we can start creating the cutscenes.

To add the Cutscene Graph Editor, drag the prefab, <mark style="color:blue;">Assets ► Non-Linear Dialogue & Cutscene System ► Prefab ► Manager ► Cutscene Graph 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%2Fbag3gwgkZTjyY3fr47zI%2FScreenshot_20230214_164315.png?alt=media&#x26;token=053b7997-e35d-4d5f-a404-da8f4abda2d6" alt=""><figcaption></figcaption></figure></div>

## How to open Cutscene Editor Window

To open the editor window, go to <mark style="color:blue;">Tools ► Cutscene System ► Cutscene Editor</mark> from the menu

<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&#x26;token=d392998b-1c4c-4014-9b29-fba05afa4f3d" alt=""><figcaption></figcaption></figure>

## How to create a cutscene graph

Right-click on the editor window and click the create graph option then Create a new graph, this will create a new game object for the created graph under the Cutscene Graph Editor as shown below.

<figure><img src="https://3007250873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP9FEBK4VU4ZymTQrhNzz%2Fuploads%2FJuIpnhkIq7bLujwx2BVX%2FCreate%20Graph.gif?alt=media&#x26;token=239e0f21-e44c-4fd4-b0bb-aaf2df931fc2" alt=""><figcaption></figcaption></figure>
