[HOWTO] How To: Customize Scrolling Dialogue UI
Posted: Sat Sep 28, 2024 2:52 pm
This article contains tips on customizing the Scrolling Dialogue UI.
To control the typing speed of a dialogue UI's subtitle text, inspect the Subtitle Text GameObject. The basic Scrolling Dialogue UI prefab uses Unity UI Text, so it has a UnityUITypewriterEffect component. Increase its Characters Per Second:
However, I recommend enabling TextMesh Pro Support. Then replace the Subtitle Text GameObject with a TextMeshProUGUI version, and add a TextMeshProTypewriterEffect:
Also configure Auto Scroll Settings, which I also highlighted above.
Remember to assign it to the Subtitle Panel Info's StandardUISubtitlePanel component:
If you only want to show the NPC's portrait, tick the Subtitle Panel Info GameObject's Only Show NPC Portrait checkbox, and unassign these two fields on the response menu:
Finally, if you want to indent lines, please see: How To: Prepend actor name and indent in TextMesh Pro
And if you want to color subtitle text or actor names, see: How To: Color Actor Name and Indent Text
To control the typing speed of a dialogue UI's subtitle text, inspect the Subtitle Text GameObject. The basic Scrolling Dialogue UI prefab uses Unity UI Text, so it has a UnityUITypewriterEffect component. Increase its Characters Per Second:
- scrollingTmp1.png (59.16 KiB) Viewed 193 times
However, I recommend enabling TextMesh Pro Support. Then replace the Subtitle Text GameObject with a TextMeshProUGUI version, and add a TextMeshProTypewriterEffect:
- scrollingTmp2.png (101.04 KiB) Viewed 193 times
Also configure Auto Scroll Settings, which I also highlighted above.
Remember to assign it to the Subtitle Panel Info's StandardUISubtitlePanel component:
- scrollingTmp3.png (62.25 KiB) Viewed 193 times
If you only want to show the NPC's portrait, tick the Subtitle Panel Info GameObject's Only Show NPC Portrait checkbox, and unassign these two fields on the response menu:
- scrollingNoPC.png (73.67 KiB) Viewed 161 times
Finally, if you want to indent lines, please see: How To: Prepend actor name and indent in TextMesh Pro
And if you want to color subtitle text or actor names, see: How To: Color Actor Name and Indent Text