How to add effects

Learn how to add effects to your text.

You can add effects to your texts in the following ways:

Set effects to specific parts of the text

You can add effects to specific parts of your text by using rich text tags.

The effects tag will look like this:

  • Persistent: <tagID> to open, </tagID> to close

  • Appearances: {tagID} to open, {/tagID} to close

  • Disappearances: {#tagID} to open, {/#tagID} to close (basically an appearance tag with a # before it, to simply remind you that disappearances are appearances in reverse).

Extra notes about Rich Text formatting

By using TextAnimator for Unity:

  • You can stack multiple effects together (e.g. “<shake><size>”). (also have a look at Styles)

  • You can close all currently opened effects with a single ‘/’ character, like:

    • </>” for Persistent Effects

    • {/}” for Appearance Effects

    • {/#}” for Disappearance Effects.

  • There is no need to close tags if you’re at the end of the text, since Text Animator starts applying effect from the moment you open a tag. (e.g. "<shake>hello" will result in hello already animating).

You can change the different


Set default effects to the entire text

You can decide which effect(s) will be applied to all letters by default, without having to write effects tags inside your texts thanks to Animator Settings.

AnimatedLabel's settings are handled via different scriptable objects (in this case, the one highlighted in the image below). Read more here on how to create one.

Inside the settings:

  1. Visit the “Default Tags” section

  2. Expand the effect’s category you want to edit

  3. Add any effect tag you want to include, for example:

If you don’t want any effect applied by default, simply set the effects’ count to zero.

Example: Fallbacks

Let's say that we have one default effect ("size"), but we want to apply a specific part of the text with the "fade" effect. We can achieve that result by writing: "default default `{fade}` fade fade fade `{/fade}` default default"

As you can see, the letters that are outside the "fade" tags will have the default effect(s) applied, while the part inside "{fade}" and "{/fade}" will only have "fade".