DialogPrefab wImage

This DialogPrefab_wImg is optional - if you don't want to include a sprite for speaker image, then you can use the DialogPrefab from SimpleDialog sections.

To create a new DialogPrefab_wImg, which includes an image, and uses the DialogManager.cs script component, which uses a ConversationList scriptable object. Follow steps detailed below:

Create new version of DialogPrefab :DialogPrefab_wImg

To be used with DialogManager.cs (which uses ScriptableObjects )

Create a duplicate GameObject in the hierarchy, this is created from your original dialogPrefab.
Give the new prefab a unique name: DialogPrefab_wImg.
Remove the original DialogPrefab GameObject in the scene's hierarchy panel. (so you don't get confused)
Remove the SimpleDialog.cs script component, this will be replaced by the DialogManager.cs script component once the script has been created.
Use the RectTransform tool to resize the DialogPanel, DialogText, NextButton as necessary to make room for your speakerImage.
Select the top-level, parent-panel, and add a UI-Image as a child. The image below shows that the SpeakerImg is the bottom gameObject for the prefab, it is a sibbling to the other 2 Panels: DialogPanel, SpeakerPanel. Note that the SpeakerImg is the 5th child image which has index [4], because all panels and buttons also have an image component.
Adjust the Rect-Transform Component of this new image gameObject, to set the anchors so the Image is aligned to the left-side of the panel. Either Middle or Bottom is fine. The image below shows middle-left anchor set.(see image below)
Adjust the Image (Script) component so that PreserveAspect checkbox is selected as true.
Select an Image from Assets (Script) by selecting an image from your assets folder that is sized to match your speaker images, speaker images should have similar aspect ration and scaling. Adjust the image as necessary, larger, smaller, etc.

Create the DialogManager.cs script [see link] and attach to the DialogPrefab_wImg gameObject.
Drag to Resources folder to create a new Prefab for this newly configured GameObject.

PreviousCoroutines: Dynamic Text NextDialogTrigger

Last updated 4 years ago

Create new version of DialogPrefab :DialogPrefab_wImg

To be used with DialogManager.cs (which uses ScriptableObjects )

Create a duplicate GameObject in the hierarchy, this is created from your original dialogPrefab.

Give the new prefab a unique name: DialogPrefab_wImg.

Remove the original DialogPrefab GameObject in the scene's hierarchy panel. (so you don't get confused)

Remove the SimpleDialog.cs script component, this will be replaced by the DialogManager.cs script component once the script has been created.

Use the RectTransform tool to resize the DialogPanel, DialogText, NextButton as necessary to make room for your speakerImage.

Select the top-level, parent-panel, and add a UI-Image as a child. The image below shows that the SpeakerImg is the bottom gameObject for the prefab, it is a sibbling to the other 2 Panels: DialogPanel, SpeakerPanel. Note that the SpeakerImg is the 5th child image which has index [4], because all panels and buttons also have an image component.

Adjust the Rect-Transform Component of this new image gameObject, to set the anchors so the Image is aligned to the left-side of the panel. Either Middle or Bottom is fine. The image below shows middle-left anchor set.(see image below)

Adjust the Image (Script) component so that PreserveAspect checkbox is selected as true.

Select an Image from Assets (Script) by selecting an image from your assets folder that is sized to match your speaker images, speaker images should have similar aspect ration and scaling. Adjust the image as necessary, larger, smaller, etc.

Create the DialogManager.cs script [see link] and attach to the DialogPrefab_wImg gameObject.

Drag to Resources folder to create a new Prefab for this newly configured GameObject.

Save Project and Scene