AssetStoreまとめ

Unityアセットストアで注目すべきイチオシ情報を毎日お届けします!

【無料化アセット】UIアニメに悩む心配が無くなる?UnityのUIシステムを拡張してアニメーション実装を手軽にするエディタ(2019年1月9日リリース)「Airy UI - Easy UI Animation」

スポンサーリンク

f:id:assetsale:20190131230733j:plain

Airy UI - Easy UI Animation

エディタ拡張/GUI

Ahmed Sabry

$10.79 => 無料化    100%OFF    【開催期間】2019年1月28日〜不明 

 

UI要素の作成、管理、および制御を簡略化するUnityプラグインです。

 

特定のタイミングでUIアニメーションを実行したり、アニメ終了時にイベントを送る等、UIアニメーションに特化したエディタです。

 

Airy UIプリセットからアニメーションを手軽に取り付けたり、

独自のカスタムアニメーションを素早く実装することができます。

 

 

2019年1月9日リリースの新作アセットがはやくも無料化!

サポート打ち切りではなく、

より多くの方に試して欲しい」パブリッシャーの想いが伝わってくる無料化です。

UIアニメ作成のワークフローを少しでも簡単にしたい方はぜひ。

 

 

注目の新作無料アセット

Warped City Assets Pack

2Dテクスチャ素材の無料&有料を多数配信するパブリッシャー「Ansimuz

   近未来の夜の街を舞台にプラットフォーマー(アクションゲーム)開発素材パック。

 

Fantasy Houses Exterior

ファンタジー世界観のローポリ建物。RTS / RPG / モバイルゲームなどに

 

Medieval weapons (Free)

中世の武器20種類パック! 弓にはボーンが仕込んであってアニメーションが可能です。

 

 

お知らせ

先日無料化したばかりの「Cyber Girl」が無料化から3日後に有料へ戻りました。

$7.50 -> $15.00 -> 無料化 -> (現在)$25.00

 

女性を高度な未来技術でロボット化した美しいボディ。ダンスのMoCapデータ付き。

評価も高く斬新なキャラでしたね。

 

↓ 定期的にチェックして必要なアセットはお早めに💦

 

 2月中頃までブログはお休み(ゆっくりと毎日更新)


 

 

サンプルデモ 5つ

f:id:assetsale:20190201022122p:plain

パッケージには5つのデモシーンが含まれています。

 

GameViewの解像度を16:9等で再生すると、

UIがワープしたりする場合がありましたので、

1920x1080に固定して再生することをオススメします。

f:id:assetsale:20190201022319p:plain

 

Airy UI

f:id:assetsale:20190201041716g:plain

 

 

Christmas

f:id:assetsale:20190201022853g:plain

 

LogIn

f:id:assetsale:20190201023019g:plain

 

PopUp

f:id:assetsale:20190201023122g:plain

 

Smile

f:id:assetsale:20190201023210g:plain

 

エディタ

 

メインエディタを起動します。

f:id:assetsale:20190201034655p:plain

メニュー > Airy UI > Main Editor

 

メインメニュー

f:id:assetsale:20190201034657p:plain

UIオブジェクトを選択中に、Add ****をクリックすると、

コンポーネントを取り付けることができるエディタです。

 

 

◯ マネージャーの追加と削除

f:id:assetsale:20190201051326p:plain

Add Animation Manager

Remove Animation Manager

f:id:assetsale:20190201040842p:plain

※ ピンク色の「Add Animated Element」コンポーネントと、

「Airy UI Animation Manager」が追加されます。

 

 

 

◯ アニメーション、カスタムアニメーション要素の追加と削除

f:id:assetsale:20190201051354p:plain

Add Animated Element

Add Custom Animated Element

Remove Animated Element

f:id:assetsale:20190201040854p:plain

f:id:assetsale:20190201040903p:plain

 

 

◯ 戻るボタンの追加と削除

f:id:assetsale:20190201051408p:plain

Add Back Button Functionality

Remove Back Button Functionality

f:id:assetsale:20190201040942p:plain

※ ピンク色の「Add Animated Element」コンポーネントと、

「Airy UI Back Button」が追加されます。



 

シンプルなサンプルデモを解体

f:id:assetsale:20190201041716g:plain

起動時にフェードしながら「Airy UI」が浮かび上がると同時に、

「Easy UI Animation」がスケールアニメーションするシンプルなサンプルデモ。

 

ESCキーで「戻る」を実行すると、逆再生するという内容です。

 

f:id:assetsale:20190201042212p:plain

 

マネージャーコンポーネント

Canvas  > UI

親オブジェクトにマネージャーコンポーネントを取り付けて実行制御を行います。

(これが無いとアニメしません)

f:id:assetsale:20190201042155j:plain

メインメニューの青色の

f:id:assetsale:20190201050847p:plain

Add Animation Managerを取り付ける。

f:id:assetsale:20190201051641p:plain

Show Menu On EnableがONで表示された時に実行されます。

スクリプト側から呼び出したいときは「ShowMenu()」を実行します。

 

 

ESCキーで戻る

f:id:assetsale:20190201051115p:plain

このサンプルシーンの場合「ESCキー」を押下すると、

アニメーションが逆再生されて「戻る」状態になります。

メニューの非表示など、一歩前の状態に戻すときに取り付けると良さそうです。

f:id:assetsale:20190201051745p:plain

※ 「Add Back Button Functionality」を取り付けます。

 

With Graphic:OFFの場合は「ESCキー」で戻ります。

逆にONの場合は、画像(ボタンUI)を使用します。

f:id:assetsale:20190201051959p:plain

Graphic Type:「image」or「Text」or「Both」の中から指定します。

Graphic Sprite:対象のスプライトを指定します。

 

 

タイトルロゴ部分のアニメ

f:id:assetsale:20190201052353j:plain

「Airy UI」の大きな文字の「フェード」アニメーション部分です。

 

f:id:assetsale:20190201052408p:plain

 

Show Animation On Menu Enable:Mene(マネージャー)が表示された際にアニメーションするかしないか。

 

Animation Type:Fade Colorを指定します。

f:id:assetsale:20190201052832p:plain

これがプリセットアニメの正体です。6種類のアニメが用意されています。

 

Fade Children With Parent:子オブジェクトもフェードするか

Animation Show Duration:アニメ終了までにかかる時間。値が大きければゆっくり

With Delay:遅延(何秒遅れて実行するか)

Show Delay:遅延の秒数を指定します

 

f:id:assetsale:20190201053613p:plain

Automate Show Delays In Children:子のディレイを自動化するボタン?謎

On Show():開始と同時に実行する関数

On Show Complete():終了した時に実行する関数

 

 

 

スケールアニメ

f:id:assetsale:20190201054053g:plain

f:id:assetsale:20190201054128p:plain

Animation Type:Scale Elestic(スケールの弾性アニメ)を指定するだけ。

Elestic Power:弾性の強さ ↓10を指定したらさらに大きくなりました。

f:id:assetsale:20190201054440g:plain

 

Delay関連:タイトルロゴ表示より1秒遅れて実行されるようになっています。

 

 

スクリプトでアニメーションを制御する

f:id:assetsale:20190201050355p:plain

「ShowMenu()」「HideMenu()」にて、表示、非表示の制御が行えます。

 

 

Airy UI - Make Wonderful UI In Unity - YouTube(1:32)

 

Airy UI - How To Animate UI - YouTube(9:29)

 

 

Airy UI - How To Make Custom Animation - YouTube(4:40)

 

Airy UI - Show Hide Functions - YouTube(4:16)

 

Airy UI -Esc And Back Button - YouTube(3:10)

 

Airy UI - Anchors Powerful Tool - YouTube(4:08)

 

 

 

 

セール情報

f:id:assetsale:20190131233318j:plain

姉妹サイト:無料になっているアセット一覧 | Unity AssetStoreまとめ 割引情報 beta - アセットの価格推移をリアルタイムにチェック -

 

2019年1月17日に一旦無料化して、23日に有料化。そして今回28日に無料化しました。

 

アセットストアでは、頻繁に価格変更(作者セール)ができないようなルールがあるため、

そろそろ無料か有料かどちらかで落ち着きます。

 

気になる方は無料の内に早めにゲットしておこう。 

f:id:assetsale:20190131233259j:plain

ちなみに、チャートの見方は分かりづらいUIですみませんが、

ヘッダの灰色部分をクリックすると確認できます。

 

購入タイミングなどにご活用下さい。

 

f:id:assetsale:20190131231801j:plain

2019年1月28日 無料化しました。定価 $10.79 (税込)

 

  

アセット説明(機械翻訳)

Unity 2018.2.2以降のバージョンが必要
 
Airy UIは、UI要素の作成、管理、および制御を非常に簡単にするUnityプラグインです。
 
1行のコードを書かなくても、Unityアニメーションシステムから離れてメニューやポップアップアニメーションを簡単に作成できます。
 
Airy UIプリセットからアニメーションを選択することも、Airy UIを使用して独自のカスタムアニメーションをすばやく作成することもできます。
Airy UIでは、メニューを非表示にしたり閉じたりするためのプロのESCおよび戻るボタン機能に加えて、ワンクリックでUI要素のアンカーを簡単に設定できます。
 
Airy UIは多くの労力と膨大な時間を節約します。
チュートリアルビデオの場合はこちら

 

  

パブリッシャーのアセット(記録用)

f:id:assetsale:20190131232104j:plain


 

 

【毎日更新】アセット割引情報サイト

毎日リアルタイム更新。

「作家セール、無料アセット、新作アセット」お得な最新情報を入手しよう!

f:id:assetsale:20181014095721j:plain f:id:assetsale:20181014095824j:plain

※ 土曜・日曜・月曜はアセットストアのお休み。

 

 

2018年度 イチオシアセット

バーチャルYoutuberシロがご紹介する2018年度のオススメアセット

 

過去セールから神アセットを探す

過去大セールで登場したタグです。ぜひご活用下さい。

f:id:assetsale:20180430173156j:plain

※右サイドバーの「月別アーカイブ」や「タグ」からチェックすることもできます。

 

アセットの検索方法

f:id:assetsale:20171128032556j:plain

過去記事検索」(直リンク)から素早く検索画面に行けます。

アセット名、パブリッシャー名など入力してご活用下さい。

 ↑ ブックマークしておくと超便利!オススメ

 


 

 

【2018年度】無料化&無料アセットまとめ

 

【3Dモデル】

【シェーダ・パーティクル・Skybox】

【テクスチャ&マテリアル】

 

【エディタ&スクリプト 前編】

 

【エディタ&スクリプト 後編】

 

落ち着いた頃に2018年度の無料まとめ記事作ります。

 

【過去ログ】無料アセット

【過去ログ】作者セール&注目アセット

  

 

f:id:assetsale:20170616174948p:plain

この作品はユニティちゃんライセンス条項の元に提供されています