Quick Tip: Suggestion for Persona 5 Style UI

[Tony Li]

A quick tip in case anyone needs to set up a dialogue UI similar to Persona 5. You can start with the Basic Standard Dialogue UI and just reposition UI elements and change their images. You might set it up something like this:

persona5Style.png (239.33 KiB) Viewed 555 times

[fkkcloud]

I took the Responsive Menu Panel outside of Text Panel so it can be displayed(hide/show) separately but NPC dialogue panel which is Text Panel and Responsive Menu Panel can not be completely separated by default.
(I see that the Template Prefab has Response Menu Panel inside of Text Panel by default.)

Is there any suggestions on the Template Prefab Hierarchy or setup to do that?

(Also, I've sent you PM with the video of how it is shown +prefab of it)

[Tony Li]

Hi,

You don't need to use the Focus template or focus animations for a Persona 5-style UI. You can just use Show and Hide animations. Here's an example:

DS_P5UIExample_2020-10-05.unitypackage

It looks a bit like this:

p5SExample.png (127.18 KiB) Viewed 541 times

The NPC slides in from the left side. The player's response menu slides in from the right. It doesn't require any scripting; just setting up some animations.

[fkkcloud]

This is great.
Making Continue Button to be "Always" is not showing the NPC text panel though, any suggestion?

[Tony Li]

Set the Dialogue Manager's Camera & Cutscene Settings > Default Player Sequence to:

Code: Select all

Continue()@1

Right now, it's set to Delay(1) to be similar to Persona 5. By using Continue() instead, PC responses move past the continue button requirement. It will help to examine all of the changed values on the Dialogue Manager. There are a couple in Subtitle Settings, too.