【Unity】TextMeshProで文字アニメーションする方法をサンプルに沿って紹介する

どーも、ぐるたか@guru_takaです。

UnityのTextMeshProでアニメーションをやってみました。

備忘録として、TextMeshProの頂点を動かす仕組みを、上下に文字が動くサンプルに沿って紹介していきます。 TextMeshProの導入については、下記記事をチェックしてみてください！
【Unity】TextMeshProを導入してみる【エラー対応・日本語フォント作成あり】

GitHubにソースを載せています。
参考 gurutaka/TextMeshProSampleGitHub

スポンサードリンク

テキストを上下するアニメーション
最後に
- 参考リンク

テキストを上下するアニメーション

ソース

まずはソースから公開します。

TextVerticalMove.cs


using UnityEngine;
using TMPro;

public class TextVerticalMove : MonoBehaviour
{
    [SerializeField]
    private float distanceMove = 1;

    [SerializeField]
    private float animationSpeed = 1;

    private TextMeshPro textMeshPro;

    private void Awake()
    {
        textMeshPro = gameObject.GetComponent();
    }

    void Update()
    {
        // メッシュ更新
        textMeshPro.ForceMeshUpdate();

        //テキストメッシュプロの情報
        var textInfo = textMeshPro.textInfo;

        //テキスト数がゼロであれば表示しない
        if (textInfo.characterCount == 0)
        {
            return;
        }


        //1文字毎にloop
        for (int index = 0; index < textInfo.characterCount; index++)
        {
            //1文字単位の情報
            var charaInfo = textInfo.characterInfo[index];

            //ジオメトリない文字はスキップ
            if (!charaInfo.isVisible)
            {
                continue;
            }

            //Material参照しているindex取得
            int materialIndex = charaInfo.materialReferenceIndex;

            //頂点参照しているindex取得
            int vertexIndex = charaInfo.vertexIndex;

            //テキスト全体の頂点を格納(変数のdestは、destinationの略)
            Vector3[] destVertices = textInfo.meshInfo[materialIndex].vertices;

            //移動する分
            float sinValue = Mathf.Sin(Time.time * animationSpeed + 10 * index);

            // メッシュ情報にアニメーション後の頂点情報を入れる
            destVertices[vertexIndex + 0] += distanceMove * (Vector3.down * sinValue);
            destVertices[vertexIndex + 1] += distanceMove * (Vector3.down * sinValue);
            destVertices[vertexIndex + 2] += distanceMove * (Vector3.down * sinValue);
            destVertices[vertexIndex + 3] += distanceMove * (Vector3.down * sinValue);
        }

        //ジオメトリ更新
        for (int i = 0; i < textInfo.meshInfo.Length; i++)
        {
            //メッシュ情報を、実際のメッシュ頂点へ反映
            textInfo.meshInfo[i].mesh.vertices = textInfo.meshInfo[i].vertices;
            textMeshPro.UpdateGeometry(textInfo.meshInfo[i].mesh, i);
        }
    }
}