Dialogue System

Instructions:

- Download package and import into a 3D Built-in-Renderer Unity Project

- Look through all the files and scripts and play the demo.

Set-up:

- Go into sample scene

- Right-click in hierarchy and go UI -> Canvas

- Right-Click on the Canvas and go UI -> Panel

- Rename it "DialogueBox"

- Click on the DialogueBox and change in the Rect Transform Component Left:100, Top: 500, Right 100, Bottom 50

- Click on "color" in the Image component and move "A" to all the way to the right

- To change the image go from Assests > DialogueSystem > Art and drag the deep yellow picture into "Source Image" on the Image component of the DialogueSystem (When you do your own art, ensure that any sprite is "2d Sprite and UI" in the  "Texture Type" of the picture.

- Right click on the DialogueBox object and go UI > Text - TextMeshProUGI

- Rename it to "Name" and expand the box to your liking and change the Text to Name and the Font Size to 80.

- Repeat for the Dialogue box but make it bigger and fit the majority of the Box. Rename the object "Dialogue"

- Add in a Image under the Dialogue Box and place it above the name in the Hierarchy, and rename it NameBox and change the dimensions to fit behind the name and make sure it's bigger to fit longer names

- Add an empty Game Object and name is "DialogueManager" and  move it to the top of the Hierarchy and add on the Dialogue System Script.

- Add in a UI Button and Name it ContinueButton and in the On Click () add the DialogueSystem and add the DisplayNextSentence() Method. 

- Add an Image under the continue button and position it above the name box on the left side.  Rename it LeftPortrait

- Duplicate it and rename it RightPortrait and position it on the right side.

- Insure both are a 500 x 500 in Width and Height

- Duplicate and position them in the middle and change their size to 250x250 and rename them to Emote L and Emote R

- Add in Image object and place it at the bottom of your Canvas in the Hierarchy. Name it "FilterObject" (PLZ IGNORE THE PREFAB FILTER)

- Change the position to 0,0,0 and the dimensions to 1920 x 1080. Change the image to UISprite and make sure the color is black

- Add the Fade To Black Transition Script

- Change the Numbers to: Start time = 5.5; Current Time = 5.5; Starting Alpha = 1; Ending Alpha = 255; Change Rate = 0. the "Filter" variable is your FilterObject object. Set the object to inactive. In the Image make sure that the A in Color is all the way to the left.

- Drag the Object into the Prefabs Folder.

- Go back to the Dialogue Manager and add in your objects into their slots. Fade to Black Transition, and the first two variables in the FilterObject should all be the same.

- Click the plus in the Lines to Load list and have the number be as many lines as you want for your dialogue

- In Lines(ScriptObject) right click and Create --> DInfo to create a new line object

- Add your information

   -Note: For the position,  0 = left and 1 = right.

  - For a video on Scriptable Objects

  - If you don't want an Emote, make sure Emote is the blank sprite

ENJOY :D