【TextMeshPro】テキストを揺らす方法【DOTween】

DOTweenはv1.2.420で、TextMeshProを1文字ごとにアニメーションさせられるようになりました。

DOTweenでTextMeshProを文字ごとにアニメーションさせる

TextMeshPro拡張メソッドがアップデート以前まではTextMeshProをDOTweenでアニメーションさせるとなると、全ての文字をまとめてアニメーションさせることしかできませんでした。（もしくはDOText()を...

game-ui.net

2020.07.29

これを使って、TextMeshProのテキストを揺らす（揺らめかせる）アニメーションを作成してみました。

揺らめくアニメーション

作成したものがこちら。

ソースコード

TextMeshProUGUI tmpro = GetComponent<TextMeshProUGUI>();
tmpro.DOFade(0, 0);

DOTweenTMPAnimator tmproAnimator = new DOTweenTMPAnimator(tmpro);

for (int i = 0; i < tmproAnimator.textInfo.characterCount; ++i)
{
    tmproAnimator.DOFadeChar(i, 1, 0.4f).SetDelay(i * 0.1f);
    tmproAnimator.DOOffsetChar(i, new Vector3(0, 20f, 0), 0.8f)
        .SetEase(Ease.InOutFlash, 2)
        .SetLoops(-1, LoopType.Yoyo)
        .SetDelay(i * 0.1f);
}