How To: Set Up Scrolling Text UI

[Tony Li]

Here are some steps to configure a scrolling dialogue UI similar to Disco Elysium or Clam Man:

NOTE: A prefab is now included in DS 2.2.13+. You can skip everything below and just use the Scrolling Dialogue UI prefab in the Prefabs / Standard UI Prefabs / Pro folder.

(This isn't the only way; it's just one way to set it up.)

Example scene: DS_ScrollingUIExample_2020-10-20.unitypackage

1. Inspect the Dialogue Manager. Tick Subtitle Settings > Show PC Subtitles During Line, and UNtick Skip PC Subtitle After Response Menu.

2. Make a copy of the WRPG Template Standard Dialogue UI prefab. Drill down into it, and inspect Subtitle Panel Info.

• Tick Only Show NPC Portraits.
• Tick Add Speaker Name.
• Set the Add Speaker Name Format field to:

  Code: Select all

  <b>{0}</b>\n{1}

  If you're using DS version 2.2.12 or earlier, replace the \n with a space. Versions above 2.2.12 will automatically replace \n with a newline, but earlier versions don't.
• Assign this prefab (or an instance of it) to the Dialogue Manager.

4. Drill down into the dialogue UI's Main Panel > Scroll Rect, and inspect Response Menu Panel.

• Unassign the PC Image and PC Name fields.
• Tick Autonumber > Enabled.

5. Move the continue button to be a child of the Scroll Content.

6. Add your menu text (e.g., "Tap the guy on the shoulder") to the response node's Menu Text field. Add the result (e.g., "You tap the guy on the shoulder, and he turns around to give you a big hug.") to the Dialogue Text field.