Text Animator for Unity
More ToolsTutorialsDiscord✨ Get Text Animator ✨
2.X 🇬🇧
2.X 🇬🇧
  • ❤️Welcome
    • Text Animator for Unity
    • Features
    • Games Showcase
    • Quick Start
  • ✨effects
    • Add effects to your texts
      • Modifiers
      • Styles
      • Databases
    • Preview and Edit effects
      • Dynamic Scaling
      • Time Scale
    • Built-in effects list
    • Create your own effects
      • Create effects in the Inspector
        • Curve Effects
        • Composite Effects
      • Writing Custom Effects (C#)
  • ✏️typewriter
    • Show and hide letters dynamically
    • Play sounds when a letter is shown
    • Trigger Events when typing
    • Wait Actions when typing
  • 🤝Integrations
    • Integrated Plugins & Dialogues Systems
      • Dialogue System for Unity
      • Yarn Spinner
      • Ink
      • Game Creator 2
      • Unity Localization Package
      • Playmaker
      • Unity Visual Scripting
      • Naninovel
    • How to manually integrate Text Animator
  • Extra Customization via C#
    • Writing Custom Typewriters (C#)
    • Writing Custom Actions (C#)
  • Other
    • Best Practices
    • Requirements & Limitations
    • Frequently Asked Questions
    • Support
    • Changelog
      • 2.X
      • Upgrading from 1.X to 2.X
      • 1.X
    • Scripting API
Powered by GitBook
On this page
  1. effects
  2. Add effects to your texts

Styles

PreviousModifiersNextDatabases

Last updated 8 months ago

Styles quickly replace parts of the text with something else, for example to create a combo of effects, typewriter actions and events, which would otherwise require you a lot of typing for recurring tags.

If you're using TMPro, please use Text Animator Styles and not TMPro ones for this, as the latter (TMPro's) can't recognize Text Animator tags and will result in them being added to the text.


Simply open the stylesheet scriptable object of your choice (you can create one in the Project Folder, via the Create menu -> Text Animator-> StyleSheet), either specific to your Text Animator component or global for all of them (adding it in the Settings, like the image below)

Then you can add as many styles as you want, which will include a style tag, the opening text and the closing one.

From the example above, whenever you write the style tag “<style1>” in the text, it will be replaced with “<wave><play=5><rainb><shake>” - and closing it with “</style1>” will be replaced with “</wave></rainb></shake><?ended>”.

Styles tags are case insensitive (writing "<style1>" and "<Style1>" will produce the same result).

✨