Quick Start

circle-info

Using the asset is a matter of a few clicks (enable plugin -> add widget to widget blueprint -> observe results), but to better understand everything please have a look at the following pages, so that you can start even faster and in the right direction.

1. Import Text Animator

As the first step, you need to import Text Animator in your project.

  1. Enable Text Animator for Unreal in your Plugins window

    You can do so by adding the plugin folder as directory, or simply create a "Plugins" folder and copy it there.

  2. The plugin will perform its first install operations and show the welcome window. You can just close the window and proceed.

  3. Create a Widget Blueprint and open it. From the palette on the left, add a Animated Text Block widget.

This is the text widget as seen in the palette:

You can now set a text (don't forget to set a font family!) and it will be ready to be animated!!

circle-check

2. Example Levels

You can learn about most Text Animator features directly from the editor, through example levels, and see how we've set up things and their direct result (of course, this documentation includes all of them in detail plus extra customization and tips - don't miss them!).

3. Animating your first texts

Here’s how to quickly animate your first texts.

Writing effects in your text

To add effects in your text, you can use rich text tags like this: “I'm <shake>freezing</shake>”, where "shake" is a tag ID for a built-in effect.

  • On the right hand side, in the Details window, try writing in the Text property and experimenting with the following tags: <wiggle> <shake> <wave> <bounce>, like “<wiggle>I'm joking</wiggle> hehe now <shake>I'm scared</shake>”, then compile the Widget Blueprint. You'll witness the results right away.

circle-check

Showing letters dynamically

As you've seen, letters were typewritten. In general, to show letters dynamically (like a typewriter):

  • Make sure a Typewriter is selected under the Typewriter category. By default, Typewriter By Character is selected.

  • Tell TextAnimator that you want to use the typewriter. This is simply done with the bool variable below, "Starts Automatically".

circle-check

Have fun animating your texts! You can proceed to the next page for a more in-depth look on all the asset's features.