Dialogue Like Celeste

[Tony Li]

A dev on YouTube asked how to make dialogue similar to Celeste. This post will describe how to implement some of its features, which include:

• Dialogue window that plays an animation that expands the window open.
• Mumblespeak
• Animated portrait images when talking
• Fancy typewriter effect

Dialogue window that plays an animation that expands the window open: All dialogue panels support animation. Most of the example prefabs that ship with the Dialogue System do a simple fade in / fade out. But you can animate it expand like in Celeste. For more info, please see the Dialogue UI Tutorials.

Mumblespeak: See How To: Vary Character Mumble Speak With Typewriter Effect. Note: If you use Text Animator (mentioned below, you'll have to configure Text Animator to do this.)

Animated portrait images when talking: See Dialogue UI Tutorial 3 (in the Dialogue UI Tutorials link above). Assuming your portrait image has two animator states: Idle and Talk, you'd set the Dialogue Manager's Default Sequence to something like:

Code: Select all

AnimatorPlay(Talk, speakerportrait);
required AnimatorPlay(Idle, speakerportrait)@Message(Typed)

Fancy typewriter effect: If you want a fancier typewriter effect than the ones included in the Dialogue System, including jiggle text, rainbow text, and more, look into Text Animator for Unity.

If you have any questions about any of this, let me know. If you get stuck and want an example scene, let me know if you're using Text Animator or not.