Create a custom Dialogue background image

[supadupa64]

How can I load up a custom dialogue background image? Thanks!

[Tony Li]

Hi,

The specifics depend on which GUI system you're using, but the basic idea is the same: assign the image to the Dialogue Panel.

Unity UI is a good choice. It's built into Unity, and it's powerful. Here are some basic steps:

1. Add the Dialogue Manager prefab (in the Prefabs folder) to your scene. Assign your dialogue database to it.
2. Select the menu item GameObject > Break Prefab Instance. This way you can't accidentally overwrite the original prefab.
3. In the Hierarchy, expand Dialogue Manager > Canvas > Generic Unity UI Dialogue UI and inspect Dialogue Panel.
4. Set Canvas Group > Alpha to 1. (Before playing, or at least before releasing your game, set Canvas Group > Alpha back to 0. This prevents an ugly one-frame flash of the dialogue panel when you start the scene.)
5. Enable the Image component and assign your background image.
6. Resize the UI elements to your liking. If you're not familiar with Unity UI yet, Unity's UI tutorials are helpful.

If any of the other prefabs are structured more like what you're looking for, you can delete the Generic Unity UI Dialogue UI in your scene, add the other prefab, and customize it instead. This can give you a little more of a head start.

More info:

• Unity UI Dialogue UI
• Dialogue UIs in general (good info on the general structure of dialogue UIs)
• Unity UI Dialogue UI video tutorial

[supadupa64]

Ok, so I got it to work (sorta), except I guess now it's in custom mode. Is there a tutorial for this?

[Tony Li]

Hi,

What do you mean by custom mode?

The last link in my previous post is a video tutorial.