記事の更新をお知らせするTwitterはこちら
スポンサーリンク

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

実践

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

 

これを使って、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);
}

 

コメント

タイトルとURLをコピーしました