How To: Set Up Scrolling Text UI
Posted: Tue Oct 20, 2020 10:11 am
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.
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.
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: 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.
Code: Select all
<b>{0}</b>\n{1}
- Assign this prefab (or an instance of it) to the Dialogue Manager.
- Unassign the PC Image and PC Name fields.
- Tick Autonumber > Enabled.
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.