CodeBlanks Logo Icon CodeBlanks
Login Register

Text and TMP

Learn to display text with Text and TextMeshPro.

Text and TextMeshPro (TMP)

The modern standard for displaying text on screen in Unity is the TextMeshPro (TMP) component. Replacing legacy UI Text, TMP utilizes SDF (Signed Distance Field) technology to keep glyphs razor-sharp across all resolutions.

// Modifying TextMeshProUGUI text content
using TMPro;
public TextMeshProUGUI scoreText;
scoreText.text = "Score: 100";

When text is scaled up or approached by a camera, classic pixelation and blurring are eliminated.

Text properties and Font Asset

TextMeshPro hosts rich styling fields such as fontSize, color, and alignment. TTF or OTF font files in Unity are first converted into a dedicated TMP Font Asset.

scoreText.fontSize = 36;
scoreText.color = Color.yellow;

This enables instantaneous GPU-accelerated drop shadows, outlines, and glow effects.

Practice Print TMP component and text

Assign "TextMeshProUGUI" to component and "Score: 100" to displayText. Print Component: TextMeshProUGUI | Text: Score: 100 to the console.

Starter code

Player.cs
using System;

class Program
{
    static void Main()
    {
        // component ve displayText değerlerini tanımlayıp yazdır
    }
}

Sample solution

Player.cs
using System;

class Program
{
    static void Main()
    {
        string component = "TextMeshProUGUI";
        string displayText = "Score: 100";
        Console.WriteLine("Component: " + component + " | Text: " + displayText);
    }
}

Expected output

Component: TextMeshProUGUI | Text: Score: 100

Questions and answers

Review the lesson questions together with their answers. To test yourself, solve the lesson interactively.

1 What is the most prominent advantage of TextMeshPro (TMP) over legacy UI Text?

  • Only supporting black and white colors
  • Remaining smooth and crisp at high resolutions via SDF technology Correct answer
  • Automatically computing 3D physics collisions
  • Transcribing audio files directly into text

Explanation: TextMeshPro provides vector-like sharpness at any size through its SDF (Signed Distance Field) font technology.

2 Update text content

Question 
scoreText.____ = "Health: 100";
Answer 
scoreText.text = "Health: 100";

Explanation: The 'text' property is used to modify the displayed string on a TextMeshPro component.

3 TMP text concepts

Term Meaning
TextMeshProUGUI TMP renders high-quality text on Canvas
fontSize Sets text size in points
SDF Keeps text sharp at all scales
Font Asset TMP font asset from font files

All lessons in Intermediate

1 3D model

  1. What is a Mesh?
  2. MeshFilter and MeshRenderer
  3. Primitive objects
  4. Importing a model
  5. Assigning a material
  6. Summary - 3D model

2 Lighting

  1. Light types
  2. Shadow settings
  3. Ambient and environment
  4. Baked vs realtime
  5. Lightmap baking
  6. Summary - Lighting

3 Material

  1. What is a Material?
  2. Albedo and color
  3. Metallic and Smoothness
  4. Normal map
  5. Assigning a material
  6. Summary - Material

4 Animation

  1. The Animator component
  2. Animation Clip
  3. State machine
  4. Parameters
  5. Triggering from code
  6. Summary - Animation

5 Audio

  1. AudioSource and AudioListener
  2. Importing an AudioClip
  3. Play and Stop
  4. 3D sound
  5. Grouping with a Mixer
  6. Summary - Audio

6 UI (Canvas)

  1. What is a Canvas?
  2. Text and TMP
  3. Image and Button
  4. Rect Transform
  5. Layout groups
  6. Summary - UI Canvas

7 Particle System

  1. What is a Particle System?
  2. Emission and Shape
  3. Color over lifetime
  4. Start Size and Rotation
  5. Play and Stop
  6. Summary - Particle System

8 Coroutine

  1. What is a Coroutine?
  2. IEnumerator and yield
  3. WaitForSeconds
  4. StartCoroutine
  5. StopCoroutine
  6. Summary - Coroutine

9 Prefab

  1. What is a Prefab?
  2. Creating a Prefab
  3. Prefab instance
  4. Spawning with Instantiate
  5. Prefab Variant
  6. Summary - Prefab

10 Scene management

  1. Build Settings
  2. SceneManager.Load
  3. Additive loading
  4. DontDestroyOnLoad
  5. Async loading
  6. Summary - Scene management

11 Godot 3D

  1. MeshInstance3D
  2. Camera3D
  3. DirectionalLight3D
  4. StandardMaterial3D
  5. RigidBody3D
  6. Summary - Godot 3D

12 Signal

  1. What is a Signal?
  2. Built-in signals
  3. The connect method
  4. Custom signal
  5. emit_signal
  6. Summary - Signal

13 Inventory project

  1. Project: Inventory design
  2. Item class
  3. Inventory list
  4. Add and remove
  5. Printing the inventory
  6. Summary - Inventory

14 Intermediate final

  1. Challenge 1: Material assignment
  2. Challenge 2: Coroutine delay
  3. Challenge 3: Godot signal
  4. Challenge 4: UI button
  5. Challenge 5: Final synthesis