【第23回】〜Text Animator for Unity〜テキストにアニメーションをつける
Text Animator for Unityとは
Febcci Creationsよりリリースされている、
テキストにアニメーションをつけることができるアセット
文字を動かしたりするだけでなく、タイプライター風に表示することもできます。
どんな人にオススメ?
- UIのビジュアルも向上させたい
- ワードを強調させたい
- ゲームに動きを出したい
- セリフの演出に使いたい
使ってみた
結構Unityを始めたての頃に購入してたのに全然使用していなかったので、
勉強も兼ねて試してみます!
まずはインポート。
TextMeshProオブジェクトをつくります。
![](https://temoshiblog.com/wp-content/uploads/2021/07/スクリーンショット-2021-07-28-11.34.23-1024x593.jpg)
Text Animatorというスクリプトをアタッチします。
まだ再生しても何も起きませんね。
![](https://temoshiblog.com/wp-content/uploads/2021/07/スクリーンショット-2021-07-28-11.38.20-1024x497.jpg)
なんかチェックつけたらTextAnimatorPlayerコンポーネントが〜って書いてるので、
![](https://temoshiblog.com/wp-content/uploads/2021/07/スクリーンショット-2021-07-28-11.39.45-1024x497.jpg)
TextAnimatorPlayerコンポーネントをアタッチ!
![](https://temoshiblog.com/wp-content/uploads/2021/07/スクリーンショット-2021-07-28-11.48.25-1024x497.jpg)
Use Easy Integrationにチェックつけたまま、TextAnimatorPlayer内のTypewriter Delayを分かりやすいようにちょっと調整して再生!
デフォルトの間隔が短い設定だと再生した時読み込み遅くてカクカクなので・・・(M1Mac…)
これを使うだけでもちょっとしたナビとかセリフに使えそうです。
![](https://temoshiblog.com/wp-content/uploads/2021/07/スクリーンショット-2021-07-28-12.01.01-645x1024.png)
TextAnimatorコンポーネントの中をみるとEffectsが色々あって矢印を押すと調整できるように項目が出てきますね。
これらを適用するにはどうするのか・・・
![](https://temoshiblog.com/wp-content/uploads/2021/07/スクリーンショット-2021-07-28-12.04.27-1024x694.png)
こう・・・?
こうでした!!笑
それぞれエフェクトの名前の横にある<名前>でワードを挟んであげるとエフェクトが適用されるようです。
他にもやってみます。
![](https://temoshiblog.com/wp-content/uploads/2021/07/スクリーンショット-2021-07-28-12.10.56-1024x387.png)
これはどうでしょう!?
適用されました!
<fade>はフェードインですね!Editメニューでフェードインする時間を設定できました。
あとレインボーにするやつやってみたいですね。
![](https://temoshiblog.com/wp-content/uploads/2021/07/スクリーンショット-2021-07-28-12.15.52-1024x460.png)
これでどうでしょうか!
なりましたね!
基本的なエフェクトに関しては比較的簡単に実装できそうです!
他にもさまざまなモーション、エフェクトがあるので、公式のトレーラーで欲しいエフェクトがあるか確認してみてください!
まとめ
いかがでしょうか?
気になった方は是非アセットストアでチェックしてみてください!
こちら↓
実装も簡単で、テキストにも動きが出るとゲームの印象がグッとあがりますね!
セリフの演出でキーとなるワード強調してあげたりとか良さそうです!
使用するにはText Mesh Proが必要なようなので、日本語で使いたい場合は別途インポートする必要がありそうです。(まだやったことない)
今回はこんな感じで!
それでは💤
ディスカッション
コメント一覧
まだ、コメントがありません