Как изменить textmeshpro через скрипт

We see how to write a Text Mesh Pro text object from a Script in Unity and how to change the text color through code.

Introduction

In this arti­cle we will see how to work with the Text Mesh Pro com­po­nents from a Script, in addi­tion you will find a video from the chan­nel in which we will cre­ate a TEXT OBJECT to dis­play in a Can­vas and anoth­er Text Mesh for the 3D space and we will cre­ate a Script inside which we will mod­i­fy the text that these com­po­nents show, as an extra we will also mod­i­fy the col­or by code.

Text Mesh Pro has now become the stan­dard solu­tion for dis­play­ing text in Uni­ty, replac­ing the Text Mesh com­po­nent for dis­play­ing text in the 3D view and the Text com­po­nent for adding text in the UI. The old Text Mesh and Text com­po­nents can still be used, only that they are in a «Lega­cy» sec­tion, this is indi­cat­ing that it is prefer­able to use Text Mesh Pro and per­haps lat­er the old com­po­nents will no longer be available.

Fig.1: The Text com­po­nent has been moved to the «Lega­cy» section.

ABOUT THIS VIDEO

In this video we see how to SETUP TEXT MESH PRO in Uni­ty and how to write a Text Mesh Pro text in Uni­ty through code.

MY UNITY PLAYLIST WITH SEVERAL VIDEOS THAT YOU MAY FIND USEFUL
👇🏽

PLEASE CONSIDER SUBSCRIBING TO THE CHANNEL

Creating Text Mesh Pro objects for World Space and Canvas

We start by cre­at­ing the Text objects that we will lat­er mod­i­fy from a Script, we are going to cre­ate two types of Text Mesh Pro objects, one to use in the user inter­face and anoth­er to use as a 3D object in the scene.

Creating Text Mesh Pro Text for the user interface

In Uni­ty the Text Mesh Pro objects that are in the UI sec­tion must be placed as chil­dren of a Can­vas object, so let’s assume that we already have one of these objects in the scene. To cre­ate a new Text Mesh Pro object we go to the hier­ar­chy, right click on the Can­vas (or any child object of the Can­vas), go to the UI sec­tion and choose the «Text — Text Mesh Pro» option, as shown in fig­ure 2.A.

Fig. 2.A: Option to cre­ate a new Text Mesh Pro text for the user interface.

Creation of Text Mesh Pro Text for World Space

The oth­er option to write text on the screen is to use a Text com­po­nent of Text Mesh Pro as a 3D object and there­fore locat­ed in a posi­tion in the world, this object will be found in the «3D Object» sec­tion of the cre­ation win­dow, as shown in fig­ure 2.B.

Fig. 2.B: Option to cre­ate a new Text Mesh Pro text as a 3D object in the scene.

CHECK OUT THIS CRAZY EXPERIMENT

First time using Text Mesh Pro

In case we have not con­fig­ured Text Mesh Pro yet, we will get the win­dow shown in fig­ure 3 where we will be giv­en the option to import the nec­es­sary com­po­nents to use Text Mesh Pro, we click on «Import TMP Essen­tials», as shown in fig­ure 3. The sec­ond but­ton to import exam­ples and extras is optional.

Fig­ure 3: Win­dow for import­ing Text Mesh Pro pack­age into Unity.

Result of the creation of objects

Once the objects were cre­at­ed, I made a few mod­i­fi­ca­tions in the inspec­tor (font size, text) and the result is as follows:

Once the objects have been cre­at­ed and Text Mesh Pro import­ed we can start using the Text Mesh Pro Text com­po­nent from the inspec­tor or write it through a Script. In fig­ure 5 we see the Text com­po­nent in the Inspec­tor win­dow, it has many more con­fig­u­ra­tion options com­pared to the old text solution.

IMPORTANT

In fig­ure 5 we see the field to edit the text that appears on the screen, cur­rent­ly has writ­ten the val­ue «Can­vas Text», that is the field that we want to edit by code and to do it we will have to edit a vari­able called «text» that is define in that component.

Fig. 5: Text Mesh Pro com­po­nent in the inspector.

Script for writing text in Text Mesh Pro component

In order to write a Text Mesh Pro com­po­nent by code I will cre­ate a script and assign it to some GameOb­ject of the hier­ar­chy, as shown in fig­ure 6. In this case my script is called «Mod­i­fy­TextMesh­Pro», inside this script I will mod­i­fy the texts.

Fig. 6: We cre­ate a script and assign it to some object in the hierarchy.

Import TMPro namespace in our Script

To be able to use the Text Mesh Pro com­po­nents com­fort­ably, it is con­ve­nient to import the «TMPro» name­space by adding in the head­er of our script the line «using TMPro;» as shown in fig­ure 7.

Fig. 7: We declare that we are going to use the name­space «TMPro» in the head­er of our script.

Declaration of the variables to be used

We are going to declare two vari­ables of type «TMP_Text» where the ref­er­ences of the Text com­po­nents that we want to mod­i­fy will be stored, in this case the names of my vari­ables will be «can­vas­Text» and «world­Text», in these vari­ables I will place the Text Mesh Pro Text com­po­nents of the can­vas and the world space respectively.

DETAIL

The names «can­vas­Text» and «world­Text» are the names I chose for these vari­ables, you can use any oth­er name as long as it con­tains the allowed characters.

Fig. 8: Dec­la­ra­tion of the vari­ables to be used to mod­i­fy the Text Mesh Pro text.

Initialization of variables (Assignment of references)

The ini­tial­iza­tion of this type of non-prim­i­tive vari­ables is cru­cial, if we do not take care of putting inside the vari­able the pre­cise object we want to refer to, we will get a null ref­er­ence exception.

There are many ways to ini­tial­ize the vari­ables, in this case I will do it in one of the sim­plest ways which is by drag­ging the GameOb­jects that con­tain the Text com­po­nents I want to mod­i­fy to the vari­able spaces in the inspector.

Fig. 9: The appro­pri­ate GameOb­jects are dragged into the spaces in the inspec­tor to ini­tial­ize the variables.

The declared variable does not appear in the inspector

In the case that the vari­able does not appear in the inspec­tor it is usu­al­ly because its vis­i­bil­i­ty is pri­vate, it can be solved by declar­ing the vari­ables as pub­lic as shown in fig­ure 8, adding the word «pub­lic», or they can also be declared as pri­vate but indi­cat­ing that they are seri­al­ized by the inspec­tor, as follows:

[Seri­al­ize­Field]
TMP_Text can­vas­Text;

Or:

[Seri­al­ize­Field]
pri­vate TMP_Text canvasText;

Anoth­er rea­son why the vari­ables do not appear in the inspec­tor can be when there are errors in con­sole and the changes made in the scripts are not updat­ed, to solve this we will have to solve all the errors that there are in con­sole, once made this Uni­ty will com­pile and the new mod­i­fi­ca­tions will appear.

Code instructions for modifying Text Mesh Pro text via Script and tests

Once we have ini­tial­ized the vari­ables we can use them, in this case if we want to mod­i­fy the text dis­played by the Text Mesh Pro com­po­nent, we must mod­i­fy the vari­able «text» defined inside it, for this we use the dot oper­a­tor that allows us to access the vari­ables and pub­lic func­tions defined inside an object,

Extra: Change the color of a Text Mesh Pro text by code

Источник

A simple question: I’m trying to modify UI text (TextMeshPro if that makes any difference) via C# script. I am using the following code:

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class Coins : MonoBehaviour
{
    public Text coins;
    void Start()
    {
        coins = GetComponent<Text>();
    }

    void Update()
    {
        coins.text = "text";
    }
}

I’ve done a similar thing in Unity 2018 (I’m currently using Unity 2020.2) and it worked there.
For some reason it doesn’t work here though. I would appreciate any help.

asked Oct 3, 2021 at 18:42

UnityGames000's user avatar

1

Changing text in TMP is practicly the same, but you need to add "using TMPro;" and also change variable type. The code should look like this:

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using TMPro;

public class Coins : MonoBehaviour
{
    public TMP_Text coins;
    void Start()
    {
        coins = GetComponent<TextMeshProUGUI>();
    }

    void Update()
    {
        coins.text = "text";
    }
}

answered Oct 3, 2021 at 19:36

Maciejowski's user avatar

To modify TextMeshPro components, you have to use TMP_Text class.

public class Coins : MonoBehaviour
{
    public TMP_Text coins;
    void Start()
    {
         coins = GetComponent<TMP_Text>();
    }

    void Update()
    {
         coins.text = "text"; //or coins.SetText(“text”);
    }
}

answered Oct 3, 2021 at 19:56

JottoWorol's user avatar

JottoWorolJottoWorol

2262 silver badges9 bronze badges

You need to reference the tmp text component instead of the normal Unity text one:
Instead of GetComponent<Text>(); do GetComponent<TextMeshProUGUI>();

Of course don’t forget:

using TMPro;

on top of your code.

answered Oct 3, 2021 at 19:51

alexpro_23's user avatar

Источник

A simple question: I’m trying to modify UI text (TextMeshPro if that makes any difference) via C# script. I am using the following code:

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class Coins : MonoBehaviour
{
    public Text coins;
    void Start()
    {
        coins = GetComponent<Text>();
    }

    void Update()
    {
        coins.text = "text";
    }
}

I’ve done a similar thing in Unity 2018 (I’m currently using Unity 2020.2) and it worked there.
For some reason it doesn’t work here though. I would appreciate any help.

asked Oct 3, 2021 at 18:42

UnityGames000's user avatar

1

Changing text in TMP is practicly the same, but you need to add "using TMPro;" and also change variable type. The code should look like this:

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using TMPro;

public class Coins : MonoBehaviour
{
    public TMP_Text coins;
    void Start()
    {
        coins = GetComponent<TextMeshProUGUI>();
    }

    void Update()
    {
        coins.text = "text";
    }
}

answered Oct 3, 2021 at 19:36

Maciejowski's user avatar

To modify TextMeshPro components, you have to use TMP_Text class.

public class Coins : MonoBehaviour
{
    public TMP_Text coins;
    void Start()
    {
         coins = GetComponent<TMP_Text>();
    }

    void Update()
    {
         coins.text = "text"; //or coins.SetText(“text”);
    }
}

answered Oct 3, 2021 at 19:56

JottoWorol's user avatar

JottoWorolJottoWorol

2262 silver badges9 bronze badges

You need to reference the tmp text component instead of the normal Unity text one:
Instead of GetComponent<Text>(); do GetComponent<TextMeshProUGUI>();

Of course don’t forget:

using TMPro;

on top of your code.

answered Oct 3, 2021 at 19:51

alexpro_23's user avatar

Источник

Допустим у меня есть такие компоненты:
wbp_s7tdfnsjrhgqlaqwc5yh5gm.png
И допустим скрипт под названием «Text.cs» прикрепленный к компоненту «Text» из фото
Как из этого скрипта получать значение этого компонента и при нужде менять это значение?


  • Вопрос задан

    17 дек. 2022

  • 62 просмотра


Комментировать


Решения вопроса 2

freeExec

freeExec

@freeExec

Участник OpenStreetMap

GetComponent<Text>().text = "привет мир"

petushok55

подключи это

using TMPro; 
using UnityEngine.UI;
Debug.Log(GetComponent<TMP_Text>().text); // взять значение и вывести в консоль
GetComponent<TMP_Text>().text = "новый текст"; // поменять значение


Комментировать

Пригласить эксперта


Похожие вопросы

  • Показать ещё
    Загружается…

10 февр. 2023, в 13:40

75000 руб./за проект

10 февр. 2023, в 13:27

2000 руб./за проект

10 февр. 2023, в 13:18

150000 руб./за проект

Минуточку внимания

Источник

В этом руководстве мы рассмотрим объект GUI TextMesh Pro. TextMesh Pro используется вместе с обычными игровыми объектами и помещается в сцену в трехмерном пространстве. Он идеально подходит для приложений XR, где текст часто является частью существующей сцены и не упоминается в 3D-меню.

TextMesh Pro — это идеальное текстовое решение для Unity. Это идеальная замена текста пользовательского интерфейса Unity и старой текстовой сети. Он мощный и простой в использовании, в нем используются передовые методы рендеринга текста, а также ряд настраиваемых шейдеров. Он предлагает значительные улучшения визуального качества и дает пользователям невероятную гибкость в дизайне и текстурировании текста. TextMesh Pro предлагает улучшенный контроль над форматированием и компоновкой текста с такими функциями, как интервалы между символами, словами, строками и абзацами, кернинг, выровненный текст, ссылки, более 30 доступных тегов форматированного текста, поддержка нескольких шрифтов и спрайтов, настраиваемые стили и многое другое. . Хорошая производительность. Поскольку геометрия, созданная TextMesh Pro, использует два треугольника на символ, как и текстовые компоненты Unity, нет дополнительных затрат на производительность для этого улучшенного визуального качества и гибкости. В этом руководстве мы рассмотрим объект GUI TextMesh Pro. TextMesh Pro используется вместе с обычными игровыми объектами и помещается в сцену в трехмерном пространстве. Он идеально подходит для приложений XR, где текст часто является частью существующей сцены и не упоминается в 3D-меню.

TextMeshTextMesh Pro — это простая в использовании система для высококачественного текста. Он имеет множество опций для отображения и форматирования текста и представляет собой простой способ добавить профессиональный вид пользовательскому интерфейсу проекта. В статье показано, как можно подготовить шрифты для использования в TextMesh Pro, создать новые объекты TextMesh Pro и изменить эти объекты.

1. Создайте текстовый объект TextMesh Pro:

1. Выберите GameObject из раскрывающегося списка или правой кнопкой мыши в окне иерархии UI> TextMesh Pro — Text.

2. Если вы впервые используете TextMesh Pro (TMP) в проекте, Unity предлагает импорт пакетов TMP Essentials и примеров и дополнительных компонентов (если вы еще не импортировали пакет TextMesh Pro Asset). Щелкните Импортировать TMP Essentials и закройте окно.

TMP также можно импортировать как включенный пакет активов при создании проекта.

3. Если текст не отображается на вкладке «Сцена», выделите его в иерархии и нажмите клавишу «F» на клавиатуре, когда указатель мыши находится в обзоре сцены.

4. Щелкните замок в правом верхнем углу Инспектора, чтобы перевести фокус на текстовый объект TextMesh Pro.

5. Установите размер текстовой области 300 x 100 в настройках преобразования прямоугольника.

Преобразование прямоугольника управляет положением и размером текстовой области.

6. Включите перенос и переполнение текста в разделе «Параметры шрифта» инспектора UGUI Text Mesh Pro.

TextMesh Pro предлагает множество вариантов макета и отображения.

7. Попробуйте изменить предустановку материала и различные настройки шрифта. Вы можете установить цвет шрифта, изменив цвет вершины или в настройках материала. Щелкните треугольник в Материале в нижней части Инспектора, чтобы увидеть настройки шрифта, контура и подложки (тени).

Щелкните серые полосы за пределами двух флажков, чтобы показать или скрыть свойства для этого конкретного параметра шрифта.

8. Установите флажок в правой половине раздела «Структура» и щелкните в любом месте раздела, чтобы открыть настройки.

9. Отрегулируйте цвет и толщину текста.

Добавление контура к тексту может упростить просмотр в загруженных местах.

10. Попробуйте изменить настройки подложки и переднего плана. Щелкните шестеренку в правом верхнем углу и выберите «Сброс», чтобы вернуться к настройкам по умолчанию.

В этом меню вы можете вернуться к исходным настройкам материала, перенести свойства материала и создать предварительные настройки материала.

11. Поэкспериментируйте с предустановками материала шрифта и отрегулируйте настройки шрифта по своему усмотрению.

TextMesh Pro поставляется с тремя предустановками материалов, которые можно использовать для быстрого изучения эффектов различных настроек.

2. Доступ к объектам TextMeshPro в коде:

Здесь мы используем пространство имен System в нашем скрипте для доступа к функциям даты и времени. TextMesh Pro требует только пространства имен TMPro.

1. В раскрывающемся списке «GameObject» выберите «Создать пустой» и назовите его «ClockDisplay».

2. Создайте новый сценарий под названием «Часы» и прикрепите его к ClockDisplay. Дважды щелкните Часы в окне проекта, чтобы открыть Visual Studio или MonoDevelop. Удалите метод Start (), поскольку мы не будем использовать его в этом упражнении.

3. Введите следующее из строки 4:

с использованием TMPro;

с помощью системы;

4. Введите следующее в строке 8:

общедоступный TMP_Text clockText;

5. Введите следующее в Обновить в строке 12:

clockText.text = DateTime.Now.ToString();

6. Сценарий часов готов.

Сохраните изменения и вернитесь в Unity.

Это изображение имеет пустой атрибут alt. Имя файла - 5148ad93-fddd-40d3-84d3-bd3ef4e77e1b_image3.png.

Готовый сценарий просмотра:

7. Перетащите объект TextMesh Pro, созданный в упражнении 1, в область, обозначенную «Текст часов» в Инспекторе часов.

8. Нажмите Play, чтобы начать демонстрацию. Текущая дата и время отображаются с параметрами материала, указанными в TextMesh Pro Text Inspector.

9. Когда вы закончите, выйдите из режима воспроизведения.

3. Создайте шрифт для использования с TextMesh Pro.

1. Если у вас еще нет папки ресурсов в Assets, создайте ее и создайте в ней папку с именем «Fonts». Здесь вы сохраняете созданный вами ресурс шрифта.

2. Перетащите файл шрифта (OpenType или TrueType) в папку «Ресурсы».

3. В раскрывающемся списке «Окно» выберите TextMesh Pro> Font Asset Creator.

4. Щелкните кружок рядом со слотом источника шрифта и выберите свой шрифт.

Вы также можете перетащить шрифт прямо из окна проекта в слот. Ресурсы шрифтов можно повторно использовать в проектах.

5. Щелкните «Создать атлас шрифтов».

6. Щелкните Сохранить.

7. Перейдите к Assets> Resources> Fonts, назовите свой шрифт и нажмите Save.

8. Если он по-прежнему не отображается в инспекторе, щелкните объект TextMesh Pro Text в окне «Иерархия», чтобы выделить его.

9. Щелкните кружок рядом с параметром «Набор шрифтов» и выберите только что созданный набор шрифтов.

10. Активируйте режим воспроизведения, чтобы увидеть ваш новый ресурс шрифта в действии.

11. Выйдите из режима воспроизведения.

TextMesh Pro очень универсален. Его можно использовать в любой ситуации, когда требуется текст, включая игры, графические приложения, видео и многое другое.

TextMesh Pro: основы

В этом руководстве мы рассмотрим объекты GUI TextMesh Pro и TextMesh Pro. TextMesh Pro используется вместе с обычными игровыми объектами и помещается в сцену в трехмерном пространстве. Он идеально подходит для приложений XR, где текст часто является частью существующей сцены и не упоминается в 3D-меню. Компонент TextMesh Pro UGUI работает с системой холста и предназначен для замены и расширения текстового компонента пользовательского интерфейса улучшенными функциями.

Темные времена

Все текстовые компоненты в Unity используют текстуры для хранения глифов — визуального представления символов. Старые текстовые компоненты (TextMesh и UI-Text) используют растрированные растровые изображения для визуализации этих глифов. TextMesh Pro в первую очередь использует подписанные дистанционные поля (SDF) для аппроксимации формы символов перед их рендерингом в текстуру. Представьте, что мы пытаемся визуализировать фигуру в сетке 10х10 пикселей, не вдаваясь в технические подробности. В растровой текстуре каждая позиция сетки может содержать белый, серый или черный пиксель, в зависимости от информации о цвете в этой конкретной позиции. В текстуре SDF каждая позиция сетки будет содержать расстояние до следующего объекта формы, что приведет к лучшему рендерингу исходной формы в фиксированной пиксельной сетке.Текстовая сетка ProЕсли шейдер растрового изображения рисует эту фигуру 1: 1, это просто поиск текстуры для указанной позиции пикселя. Если он содержит пиксель, он будет отрисован; В противном случае это не так. Текстуры содержат конечное количество пикселей. При увеличении или уменьшении масштаба шейдер должен регулировать размер каждого пикселя в зависимости от разрешения дисплея устройства. В результате форма становится блочной, размытой или слишком резкой. Шейдер SDF выполняет тот же поиск текстуры, но на этот раз возвращает пример расстояния. В зависимости от расстояния шейдер рисует либо полностью непрозрачный пиксель, либо пиксель с альфа-смешением. При увеличении или уменьшении масштаба шейдер интерполирует между примерами расстояний, поэтому фигуры (текст) могут быть четко отрисованы в Unity независимо от разрешения экрана, масштабирования и масштаба. Чтобы визуализировать растровый текст чисто, глифы должны быть нарисованы в соотношении 1: 1, причем каждый глиф должен быть пересчитан для каждого размера шрифта. Однако текстуры SDF должны содержать только одно представление каждого глифа, что приводит к гораздо более эффективному использованию пространства текстуры. На следующих рисунках показаны самые большие визуальные различия между старой и новой системой. Текстовая сетка ProТекстовая сетка ProЭти примеры хороши тем, что, несмотря на превосходное качество рендеринга SDF, как SDF, так и растеризованный текст используют одинаковое количество полигонов (четырехугольников) для рендеринга текста. Это означает, что производительность TextMesh Pro не пострадает. Мы добавим в нашу сцену объект TextMesh Pro и TextMesh Pro GUI и посмотрим на каждый объект в инспекторе.

Добавление TextMesh Pro в ваши GameObjects

Добавить TextMesh Pro в новый или существующий GameObject относительно просто.

Щелкните правой кнопкой мыши в любом месте окна иерархии и перейдите к 3D-объектам> Текст — TextMeshPro. Как вариант, TextMeshPro можно добавить к существующему объекту: [GameObject]> Добавить компонент> Сетка> TextMeshPro — Текст.

Текстовая сетка Pro

Текстовая сетка Pro 10
Текстовая сетка Pro

Оба метода создают новый GameObject с четырьмя новыми компонентами:

Прямоугольное преобразование: Контейнер для вашего текстового объекта, аналогичный тем, которые используются в Microsoft Office или Photoshop. Вы можете изменить размер, положение и поворот вашего контейнера.

Средство визуализации сетки: Визуализирует и позиционирует текст в трехмерном пространстве.

TextMeshPro — Текст: The Главный компонент, в котором вы можете писать текст, изменять элемент шрифта, предустановку материала, размер шрифта, изменять стили абзацев, активировать цвета / градиенты и выбирать ряд других элементов.

Параметры форматирования и стиля: Попробуйте поиграть с этим.

Предварительная настройка материала: Материал, используемый шрифтовым ассетом, на который есть ссылка в компоненте TextMeshPro. Материалы определяют внешний вид ваших игровых объектов. Вы также можете определить здесь внешний вид текста и найти параметры, варьирующиеся от контуров до свечения, скосов, текстур и т. Д.

Дополнительные настройки: Эти настройки позволяют, среди прочего, настраивать поля текста, назначать ресурсы спрайтов и настраивать, на каком слое отображается текст.

Перед вводом текста убедитесь, что в компоненте TextMesh Pro включены обтекание и переполнение. Эти параметры ограничивают текст прямоугольным объектом преобразования.

Благодаря автоматическому размеру размер образца вашего шрифта динамически адаптируется к преобразованию прямоугольника. Будьте осторожны при использовании автоматического размера. Включение этого параметра даст вам оптимальный размер выборки (например, для мобильных приложений, где может быть сложно предсказать целевое разрешение для каждого устройства). Однако его следует отключить, как только вы выберете подходящий размер, чтобы избежать ненужной производительности.
 

Добавление TextMesh Pro в ваш пользовательский интерфейс

Текстовая сетка Pro

Добавление TextMeshPro в пользовательский интерфейс — очень похожий процесс: перейдите в иерархии к UI> Text — TextMeshPro. За исключением средства визуализации холста, он идентичен предыдущей версии. Это создаст новый GameObject Canvas с GameObject TextMesh Pro. Родительство означает, что текст перемещается по холсту. Компоненты в UI TextMesh Pro визуализируются с использованием этого объекта холста вместо средства визуализации Unity Mesh.

Источник

Overview

This User Guide was designed to provide first time users of TextMesh Pro with a basic overview of the features and functionality of the tool.

Installation

The TextMesh Pro UPM package is already included with the Unity Editor and as such does not require installation. TextMesh Pro «TMP» does however require adding resources to your project which are essential for using TextMesh Pro.

To import the «TMP Essential Resources«, please use the «Window -> TextMeshPro -> Import TMP Essential Resources» menu option. These resources will be added at the root of your project in the «TextMesh Pro» folder.

The TextMesh Pro package also includes additional resources and examples that will make discovering and learning about TextMesh Pro’s powerful features easier. It is strongly recommended that first time users import these additional resources.

To import the «TMP Examples & Extras«, please use the «Window -> TextMeshPro -> Import TMP Examples & Extras» menu option. These resources will also be added in the same «TextMesh Pro» folder inside your project.

Quick Start

There are two TextMesh Pro components available. The first TMP text component is of type <TextMeshPro> and designed to work with the MeshRenderer. This component is an ideal replacement for the legacy TextMesh component.

To add a new <TextMeshPro> text object, go to: �GameObject->3D Object->TextMeshPro Text�.

The second TMP text component is of type <TextMeshProUGUI> and designed to work with the CanvasRenderer and Canvas system. This component is an ideal replacement for the UI.Text component.

To add a new <TextMeshProUGUI> text object, go to: �GameObject->UI->TextMeshPro Text�.

You may also wish to watch this Getting Started short video which covers this topic.

We strongly recommend that you also watch the Font Asset Creation video as well as the Working with Material Presets as these two topics is also key to working and getting the most out of TextMesh Pro.

As mentionned in the Installation section of this guide, it is recommended that you import the «TMP Examples & Extras» and take the time to explore each of the examples as they provide a great overview of the functionality of the tool and the many text layout and rich text tags available in TextMesh Pro.

Support & API Documentation

Should you have questions or require assistance, please visit the Unity UI & TextMesh Pro section of the Unity forum as well as the TextMesh Pro User Forum where you will find additional information, Video Tutorials and FAQ. In the event you are unable to find the information you seek, always feel free to post on the Unity UI & TextMesh Pro section user forum.

Online Documentation is also available on TextMesh Pro including Rich Text tags, Shaders, Scripting API and more.

Источник

Today we discuss about some e question regarding Text Mesh Pro like

What is Text Mesh Pro in unity?

Advantages of using Text Mesh Pro?

You will see how to use Text Mesh Pro is an example?

How to use Text Mesh Pro in a 3D Game?

How to create a custom font asset in Text Mesh Pro?

How to create a glow effect in unity?

How to outline and shadow effect in Text.

You will learn the Text Mesh Pro with a step by step guide.+

Text Mesh Pro Introduction:

  • In Unity 2019.4 TextMesh Pro is available by default.
  • TextMesh Pro is the ultimate text solution for Unity.
  • It provides so many features for text formatting and your layouts. It’s very flexible during text styling and texturing.
  • you can create 2D/3D fonts with effects in the TextMesh Pro.
  • you can use the TextMesh Pro as UI Text Element and also as a 3D game object.

Text Mesh Pro Demo

Open unity hub and create a new unity project with a 3D template.

Open Unity Project
Open Unity Project

TextMesh Pro as 3D Object

  • In Hierarchy Window, create a new 3D text object as below.
  • If you are using TextMesh Pro for the first time in the current project then you see popup box about TextMesh Import settings as below
  • Import TMP Essentials(useful library and class).
  • Also, Import the example files of TextMesh Pro
  • TextMesh Pro Package imported in the root folder.
  • Now you have 3D Text as 3D object.

Create a 3D Environment in scene.

Change Directional Light Color to White.

Add a 3d object – plane in the current scene and rename it as “Ground”.

Set properties of “Ground” object as below.

Create a new folder with name “Materials”.

Create a new material for the Ground object in the Materials folder.

Change the material name as “Ground_Material”.

Change the material properties as below.

Open Lighting setting menu from the window menu

Adjust Lighting window with Inspector window.

Change properties of Environment lighting for better lighting condition.

Change the color of the ground material as below

Add a 3d cube object in the current scene.

rename this cube object as “Player”.

Create a material for the Player Object and rename it as “Player_Material”.

Change properties of Player_Material as below image.

Create a new material for the skybox in Materials folder.

Assign a new skybox material in lighting settings.

Output after scene setup.

  • Rename the TextMesh Pro text as “Name_TMP_Text” in the hierarchy window.
  • Change the width and the height of Name_TMP_Text as below.

Properties of the TextMesh Pro Text component

  • Change the properties of the TextMesh Pro Text component of the Name_TMP_Text as below.

Change Text Input

  • If RTL Editor is enabled then you can write in reverse order.
  • Text Input Box: Here you can type text which will be rendered. You can write multiple lines here. you can use special characters & Rich Text tags like
    • n – new line
    • t – tab
    • <b>Bold</b>
    • <i>Italics</i>
    • <u>Underline</u>
    • <s>Strikethrough</s>
    • <sup>Superscript</sup>
    • <sub>Subscript</sub>
    • <size=48>Point size 48</size>
    • <size=+18>Point size increased by 18</size>
    • <size=-18>Point size decreased by 18</size>
    • <pos=5.5>Characters positioned about 5.5 characters from left side. <color=yellow>Yellow text</color>

Change font style

  • here you see that Font style applied on text.
  • Font Style : applies different font styles like Bold, Italic, Underline, Lowercase, Uppercase, Smallcaps, etc…

Change Font Size

  • if you want to adjust your text as per the Text component’s width and height, enable the Auto Size feature as below.

Change Vertex Color

  • Apply color on each character in the text.
  • here word “Player” did not change its color because we set the color tag in Text Input Field. Note: Vertex Color was not applied to the character which has the color tag.

Change Color Gradient

  • By default this property is disabled.
  • If you enable this property then it will show you more sub-properties as in the image below

Here you can select already created color gradient from the “Color Present” field or you create your own gradient using the Color Mode & the Colors field.

  • Let’s select one gradient color from the Color Present Field as below image

Output :

Here you notice that Vertex color + Color Gradient mix together so give another color.

Color of Player word not changed due to color tag.

How to create own customize gradient color for TextMesh Pro Text

  • Remove the Color Preset and select Color Mode property.
  • choose the color mode from the list.
  • set Vertex Color as white.
  • Now you see the original gradient color.

Override Tags

By default this property is disabled. If you enable this property then you will get output like

Now you notice that the Player Word also changes into the new gradient color. it means if you enable the “Override Tags” property then colors which you applied by tag in the Text Input Box will no longer work, as they are overridden.

Spacing Options

  • Spacing Option Property is used to set space between two words or lines or characters or even paragraphs.
  • Here we change the text and Spacing option to understand its process.

Alignments

  • It will control the alignment of the text. Options are Left, Center, Right, and Justified. When Justified is selected, the ratio controls how additional spacing is added between words and characters.

Wrapping

  • It wraps text to the next line when reaching the edge of the container.

Example:

Wrapping – Enable

Wrapping – Disable

Overflow

  • It will provide ways to display text which past edge of the container.
  • example: if we select Ellipsis type then the extra text will be display as (… ellipses) format.

Mapping

Mapping is used to map characters or words or lines or whole paragraphs with shader. We will discuss later in shader topics.

Extra Settings

  • Margins – space between text and text container.
  • Sorting in Layer – when we work with many texts, it helps in sorting.
  • Order in Layer – A higher number means higher priority Here In the image, we add another text in the scene and set different color modes and order in the layer so the second text sets the front side of the first text.
  • Remove the second text.
  • Orthographic Mode – It is useful when you are working with an orthographic camera.
  • Rich Text – It will enable the use of Rich Tags like <font>, <color> in TextMesh text otherwise rich tags will not work and it looks like normal text.

Example:

Rich Text = disabled

Rich Text = enabled

  • Parse Escape Character – If enabled then “n” works as escape character otherwise just a simple Text.
  • Extra Padding – it will add extra padding between the characters and the edge of Textmesh so it reduces graphical errors.

How to Create Custom Font in TextMesh Pro???

  • If you want to use custom font then you have to create font asset for TextMesh Pro Text.
  • Download free font from website which offer free fonts.
https://s3-us-west-2.amazonaws.com/secure.notion-static.com/981606d6-5f92-44b8-8478-c19f7aaee968/Untitled.png
https://s3-us-west-2.amazonaws.com/secure.notion-static.com/fa99c126-a1ca-4852-82a5-b3b31ff98cc7/Untitled.png
  • Click here to Download Fonts
  • Create a new folder with name as “Fonts” and add new font file here.
  • Open the Font Asset Creator Menu from window.

Font Asset Creator

  • Here you can add and create new font assets with various settings.
  • Source Font File: assign a font that you want to create as an asset.
  • Sampling Point Size determines at what point size the font will be created. You can either manually select the size of the font or use the Auto Sizing mode which will find the largest possible font size to fit in the given Atlas Resolution. It is recommended to use Auto Sizing.
  • Font Padding determines how much space in pixel units between each character. For an Atlas Resolution of 512 X 512, a value of 5 for padding is perfect.
  • Atlas Resolution determines the size of the Font Atlas. For most fonts which include the full ASCII character set, a size of 512 X 512 works usually well for Signed Distance Field Render Mode.
  • Character Set determines what characters will be included in the font atlas.
  • Click on save button.
  • Select file path to Asset>TextMesh Pro> Fonts
  • Now Select a Text object and assign a new Font in Font Asset Property

Now change few property for perfect text as below.

Final Output

How to create new material for Text Mesh Pro Text??

create new material in the Materials folder with the name “Text Glow Material”.

In-Text Glow Material,

Change shader

Open debug setting part & assign font atlas file which you created in Font Asset Creator.

How to create Glow Text Effect in Unity

  • Create a new scene with name as “Glow Text”.
  • Create another material for the skybox.
  • Duplicate current skybox material and create another material with the name “Skybox_black“.
  • Assign this skybox material in the current lighting setting.
  • Add new TextMesh Pro Text in Hierarchy Window.
  • Rename this text as “TextGlowEffect“.
  • Change properties of the Rect transform of “TextGlowEffect” text.
  • Change properties of TextMesh Pro Component of “TextGlowEffect” text.
  • Change properties of the material of the “TextGlowEffect” text.

Final Output

How to create an Outline effect in TextMesh Pro

  • Create a new scene with name as “Outline Text“.
  • Add a new TextMesh Pro text object with name as “TextOutlineEffect” in the Hierarchy Window.
  • Create a new skybox for this “Outline Text” scene.
  • Create a new material for text for the “TextOutlineEffect” text.
  • Go to the materials folder, Duplicate the “Text Glow Material”.
  • Reset value of duplicated material and rename it as “Text Outline Material”

Assign this newly created material in the TextMesh Pro Component.

Change properties of the TextMesh Pro component of the “TextOutlineEffect” text as below.

  • Now change properties of shader values in material for Outline Effect.

Final Output

How to create a Shadow effect in TextMesh Pro

  • Create a new scene with name as “Shadow Text“.
  • Add a new TextMesh Pro text object with name as “TextShadowEffect” in the Hierarchy Window.
  • Assign white skybox material to the scene.
  • Create a new material for text for the “TextShadowEffect” text.
  • Go to the materials folder, Duplicate the “Text Glow Material”.
  • Reset value of duplicated material and rename it as “Text Shadow Material”
  • Assign this newly created material in the TextMesh Pro component.
  • Change properties of the TextMesh Pro component of TextShadowEffect” text as below.

Now change properties of shader values in material for Shadow Effect.

Final Output

How to apply 3D text effect in unity

  • Create a new scene with a name as “3d Text”.
  • Add a new TextMesh Pro text object with name as “TextOutlineEffect” in the Hierarchy Window.
  • Assign a black skybox in this scene.
  • Create a new material for text for the “Text3DEffect” text.
  • Go to the materials folder, Duplicate the “Text Glow Material”.
  • Reset value of duplicated material and rename it as “Text 3D Material”
  • Assign this new created material in TextMesh Pro Component.
  • Change properties of the TextMesh Pro component of the “Text3DEffect” text as below.
  • Now change properties of shader values in material for 3D Effect.

Final Output

Summary

In this Article, we learn about TextMesh Pro with all its properties in details.

Источник

Понравилась статья? Поделить с друзьями:
  • Как изменить style wordpress
  • Как изменить tdp процессора
  • Как изменить stroke svg при наведении
  • Как изменить string на int
  • Как изменить tag vlan