Rive 101 logoRive 101
β„Ή AboutπŸ“‹ ChangelogδΈ­
0%
Progress0/90
4.2

Text Runs

3m 01sPartial+1 changes
Rive 101 - Text Runs

β–Ά Watch on YouTube β†—

⚠️ Some content differs from current version

🟑2024.9Run requires Design mode

Creating Runs requires Design mode.

πŸ“Œ Key Points

Split text into Runs for different styles. Change text values at runtime.

πŸ“ TutorialAvailable

Summary

Text Runs are sub-components of a text object that allow you to divide a single block of text into multiple sections. This is primarily used to apply different styles (like colors or fonts) or modifiers to specific words or phrases within a paragraph without affecting the entire text block.

Step by Step

  1. 00:20
    Viewing Default Runs
    Open the text object in the hierarchy to see that every text object starts with a single default text run.
  2. 00:43
    Creating a Run from Selection
    Highlight a specific part of your text in the viewport, then click Run from Selection in the Inspector to split it into its own run.
  3. 01:10
    Creating Text Styles
    Add a new text style in the Inspector (e.g., change the color) and give it a unique name.
  4. 01:28
    Applying Styles
    Select a specific text run and assign the newly created style to it via the dropdown menu in the Inspector.
  5. 01:54
    Managing Runs
    Use the Inspector to edit text content within a run, or use the Merge (previous/next) and Delete options to organize your runs.
  6. 02:22
    Animating Runs
    In Animate Mode, set keyframes for the text content or the assigned style to dynamically swap text or visual appearances during an animation.

Notes About Current Rive

  • Style Isolation: Without text runs, changing a property like color in the Inspector will apply to every character in the text box.
  • Hierarchy Structure: Splitting a selection into a run often results in three runs (before, selection, after), allowing for seamless integration within a sentence.
  • Dynamic Swapping: Animating the text property of a run is a powerful way to create dynamic labels or message changes in your UI.

πŸ“ Notes

Markdown supported
0 chars