Built-in Text Appearance / Vanishing Animations

PreviousCustom Animations NextTypewriter Animation Settings

Last updated 20 days ago

Was this helpful?

Built-in Text Appearance / Vanishing Animations

Parameter Types

Name

Description

a

Amplitude, the strength of an effect. A higher amplitude creates a stronger effect. For example, the distance a letter moves in random-in or random-out or the target font size (in percent) for size-in and size-out.

d

Duration, the time in seconds until the text has fully faded in or out.

x

X Offset, the amount of horizontal offset.

y

Y Offset, the amount of vertical offset.

Changing text appearance / vanishing speed

The speed at which text is appearing and vanishing can be changed in the Text Animation Settings. Make sure you've added your text animation settings object to your animated text element in UI builder, or the settings will not be applied to your element.

There is also a special control tag (<speed>) for speeding up or slowing down text dynamically, more in Typewriter Control Tags.

Examples

Code

Explanation

Example <fade-in>text</fade-in>!

<fade-in><fade-out>Example text

It's not necessary to close the tags at the end, if you want to change text appearance / vanishing animations for the whole text.

<fade-in>Example <size-in a=2>text</size-in></fade-in>

It's possible to layer different kinds of animations.

Performance cost

The type and amount of animations you use should not significantly impact performance. Most of the performance cost is up-front when you set your text and is mostly dependent on the length of your text.

Check out the Performance Optimization Guide for more information.

Check out Custom Animations and Custom C# Animations if you want to extend the asset with your own animations.

PreviousCustom Animations NextTypewriter Animation Settings

Last updated 20 days ago

Was this helpful?