はなちるのマイノートスマートフォン用の表示で見るはなちるのマイノートUnityをメインとした技術ブログ。【Unity】AnimationとAnimatorでテキストにアニメーションを付けてみる2019-05-12【Unity】AnimationとAnimatorでテキストにアニメーションを付けてみるUnityTweetはじめに今回はAnimationとAnimatorでテキストにアニメーションを付けてみる記事になります!下の画像のようなよくありそうなアニメーションを作ってみたいと思います。別の方法としてテキストにアニメーションを付けようと思ったとき、Tween系を使うと簡単にアニメーションを付けることができます。私のオススメはDoTweenで、無料版と有料版の2つあります。有料版ではTextMeshProにも簡単にアニメーションを付けられるので、かなり便利です。AnimationClipやAnimatorの使い方を知っていて損はないと思うし、こちらの方が便利な場合もあると思います。いうことで早速やっていきましょう!AnimationをつくるAnimationを作成するためにまずはAnimationウィンドウでの操作が必要です。Animationをクリック。アニメーションをさせたい対象を選択した状態で、createをクリックします。下から上に移動する動きを付けるまずは下から上へ移動する動きを付けたいと思います。Positionを右のプラスボタンから追加します。Positionでy座標を移動できることに注意してください。Keyしちゃいましょう。次に実際にどのくらいy座標を移動するか決めたいと思います。Position.yを選択した状態で左下のCurvesをクリックします。これでかなり視覚的に分かりやすく移動を制御することができます。Animationウィンドウには録画機能があります。これで簡単に動作を記録することができます。左上の赤い●ポチをクリックします。するとインスペクター上のRectTransform.yが赤く表示されているはずです。Animationウィンドウ上で0.00が選択状態(白いラインがある)になっていることも確認しておきましょう。この状態でRectTransform.yに-50を代入します。するとカーブに変化が表れているはずです。終わったら左上の赤い●ポチを押し、録画モードを終了します。アニメーションが録画できてるかAnimationウィンドウ内の再生ボタンを押して動作を確認してみましょう。UGUIを用いています。個人的にはこれを使ったほうがいいと思いますが、普通のTextの場合でもほとんど同様にできるはずです。.Colorが選択され、Animationウィンドウ上で0.00が選択状態(白いラインがある)のことを確認した後、左上の録画ボタンを押します。Colorから透明を選択しましょう。Colorから不透明を選択します。録画モードを終了して、Animationウィンドウの再生を押してみると・・・。無事動いているようですね!Animatorコンポーネントをアタッチする対象のTextのゲームオブジェクトにAnimatorが自動でアタッチされているはずです。Controllerを選択すると・・・。さいごにこれでテキストにアニメーションをつける一通りの操作ができました。今回はTextMeshProの下線部の色を変える記事になりま...突然ですがUnityオススメ記事20選!というサイトを作ったのでプチ宣伝。はてなブログProUnityをメインとした技術ブログ。(9)スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。