UnityでAIと気ままに作る「UIアニメーション」

今回は、最初の頃に作ったチーズゲージに演出をつけます。

AIのおかげで、簡単にゲーム作りを楽しめるようになりました。
興味のある方はレッツチャレンジ！！！

今日のハイライト

チーズゲージを目立たせたい

今までのチーズゲージ

チェックのために、右上に大きく表示していましたが、ぜんぜん目立たないので、演出の実験を兼ねて色々と変えてみます。

プレイヤーの認識に合わせて修正

プレイヤーは、アクション性が高いゲームでは、危険度や重要度順に、
「弾」＞「敵」＞「プレイヤー」＞「アイテム」＞「HPゲージ」＞・・・
のように意識しようとします。

正直、優先度の中でゲージに意識を向けさせるのは難く、ずっと意識させるのもプレイの邪魔になるので、演出も「気づいて欲しい時だけ意識」ぐらいにしなければなりません。

人間の認識順は「危険度」＞「近さ」＞「動き」＞「大きさ」＞「色」＞「形」

人間の認識順を考慮してチーズゲージの修正方針をたてます

HPゲージと一緒に手前に置く

プレイヤーとの距離が近くなる手前にHPゲージと一緒に置きます。
HPゲージと一緒に置くことで、重要情報が見やすくなります。

貯まった時だけ気づいてもらう

チーズゲージは、後どのぐらいで貯まるかと満タンになった時の情報が必要です。ただ、後どのぐらいで貯まるかは気になった時に見れば良い情報なので、今回は、たまったことだけ演出するようにします。

UIアニメーション

チーズゲージを拡大して光らせる

チーズゲージが貯まったら、アニメーションで拡大して光らせます。
今回はUnityの機能を使って色々していきます。

１．アニメーションを追加

チーズゲージのアニメーションを作成

満タン時のアニメーションを追加

２．アニメーションを編集

アニメーション・プロパティを追加

拡大させる

ポジション移動

チーズゲージを光らせる

アニメーションを再生

３．アニメーターを編集

４．コードを追加

チーズゲージが満タンになった時にアニメーションを変更するGaugeFullトリガーやアニメーションを再生するコードを追加して動かすとこんな感じ。
ついでに、アイテム出現エフェクトも追加しました。

UIだけでなく文字アニメーションにもチャレンジすっかな。

多少は気づくようになりましたが、熱中すると気づきませんね。
演出は熱中し過ぎて忘れるぐらいが丁度良いです。

誰かの参考になれば幸いです。

使用ツール