Alpaca Time Blog

ゲーム作る系 草食動物の備忘録

UnityのUI周りのアセット調べてみた

UI関連のアセットをあんまり持っていなかったので調べました。

  

UI(レイアウトサンプル付き)

UI-Builder 

www.youtube.com

 

UNITY AWARDS2015 FINALISTのアセット。

 

 UIパーツを組み合わせて作成するアセットです。

豊富なサンプルがあります。

 サンプルは、一枚絵でなく配置されているので

よくあるアイコンアセットと違い配置する手間も省けます。

 

 

 

 Gamestrap UI

www.youtube.com

 

こちらも、組み合わせてUI作成するアセットです。

評価は★5で高いです。

 f:id:alpacatech:20180816181245p:plain

このようなレイアウトサンプルは13種類ありました(2018/08/16現在)

 

このアセットは素材だけでなく、

ボタンにグラデーションつけたり、

パレット管理で一括で色変更等ができるスクリプトもあるようです。

 

実際に使ってみました。

alpacatech.hateblo.jp

  

 

 

アニメーションエフェクト

TextFx 

www.youtube.com

テキストを色々なアニメーションで出したり下げたりするアセット。

タイトルや、ステージスタート、レザルト画面の文字が躍ると楽しいですよね。

DOTween等で実装するのもアリですが、

最初から数パターン用意されているのを選んで使える状態にあると楽ですね。

uGUI/NGUIはもちろんTextureMeshProにも対応しているみたいです。

 

※2017/12/06 追記。購入して試してみました↓

alpacatech.hateblo.jp

 

 

 

UI品質向上

TextMeshPro

www.youtube.com

通常のuGUIのTextを利用する場合、

拡大するとボケた画像になりますが、

TextMeshProの場合は距離情報に置き換えているので拡大してもぼけません。

また事前に準備している画像を利用しているので、通常のフォント描画より高速です。

 

 

 SDF Toolkit

www.youtube.com

 

自作の画像でSDFする場合は、こちら。

アイコン等の画像を拡大してもボケなしで描画できるようになります。

有料と無料があります。

無料は飾りなし、有料はメタリックなどの装飾が付けられます。

 

 

 

 

ゲージ

 Energy Bar Toolkit

www.youtube.com

 体力ゲージなどのグラフ形式を作成するキットです。

横だけでなく円等の他の形にも対応しています。

 

 

配置

Curvy Text

www.youtube.com

 

こちらは、テキストを曲線の上に配置するアセットです。

曲線なので、円状もできそうです

 

 

 

UI素材(FREE)

無料素材も最近増えてきたのでピックアップ(2018/08/16現在無料)

Asset Store GUI(FREE)

 

Modern UI Pack(Free) 

 www.youtube.com

 f:id:alpacatech:20180816181017p:plain f:id:alpacatech:20180816181052p:plain

無料でシンプルでかっこいいUI素材やサンプルがいろいろあります。

2018/4/24現在 namespaceが無いので他のUIとぶつかる可能性があるのが難点

 

参考

www.asset-sale.net

 

 139 Vector Icons 

無料で139種類のアイコンがあります。

デフォルトのボタンにこれを乗せるだけでも見栄えが違います。

アイコンは、文字と違い、世界共通情報なので

アイコンに差し替えるだけでもターゲット層が広がります

 

 SimpleVectorIcons

 こちらは200個

 白い素材はColorを変更して別の色に変更可能です。

 

  RPG Unitframes(ゲーム用ライフバー)

 RPG Unitframes #1 â POWERFUL METAL

3種類の外枠。

Healthbar等のFillAmountを0.0~1.0に変更するとゲージが操作できます。

 

 

 

ゲーム用ウィンドウ 

宝の地図みたいな紙の素材ウィンドウ

 

 

アイコン

Modern & Clean GUI

 Modern & Clean GUI

かっこいい。シンプル、SF的な 

 

Clean & Minimalist GUI Pack

 Clean & Minimalist GUI Pack

かっこいい。スタイリッシュ、フラット

 

Match 3 Candies Icon Pack

 Match 3 Candies Icon Pack

かわいい。ポップ。

 

4500 GUI Elements Pack

 4500 GUI Elements Pack

 かわいい。ファンシー