Page 1 of 1

Create a custom Dialogue background image

Posted: Sun Mar 06, 2016 9:42 pm
by supadupa64
How can I load up a custom dialogue background image? Thanks!

Re: Create a custom Dialogue background image

Posted: Sun Mar 06, 2016 10:35 pm
by 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:

Re: Create a custom Dialogue background image

Posted: Sun Mar 06, 2016 11:38 pm
by supadupa64
Ok, so I got it to work (sorta), except I guess now it's in custom mode. Is there a tutorial for this?

Re: Create a custom Dialogue background image

Posted: Mon Mar 07, 2016 8:27 am
by Tony Li
Hi,

What do you mean by custom mode?

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