【Unity】Deco-UIをお触りしてみる

ご！ピクジンです。

何か作らなきゃと思いつつ、特に作りたいものが思いつかないのでモヤモヤしてます。

気分転換に先日買ったアセットを試そう。
そうしよう。

てなわけで、今回はDeco-UIというものを使ってみました。

【uGUI用シェーダー】Deco-UI【Unity】 - 汎化部門 - BOOTH

UIのシェーダーをこれに変えるだけで、なんだかいい感じの見た目になってくれるらしいです。
魔法かな？

デフォルトのボタンUIとかで試してもいいんですが、今後使うことを考えて最高のUIアセットと名高いModern UI Packと組み合わせてみました。

Modern UI Pack | GUI Tools | Unity Asset Store

マテリアルを作る

まずはマテリアルを雑に作ります。

詳しくはドキュメント見てね。

こんな感じにしとく。

マテリアルを設定してみる

ButtonのImageのマテリアルを先程作ったやつに設定します。

するとこうなる。

Deco-UIを使ってみた
自分史上最高のアセット、Modern UI Packが超強化されるのいいな pic.twitter.com/baEWxPCGAU

— ピクジン (@pikuzin24) March 19, 2021

すげえ、動いてる。

でもなんかアウトラインおかしくない？

どうやら元のテクスチャに余白がないと正しく描写されないようです。

だったらUIのテクスチャをDeco-UI付属のものに変えてあげよう。

ボタンの画像をDeco-UI付属の画像に変えたらアウトラインが正常に表示された
理解理解 pic.twitter.com/kQyHSN5Uwd

— ピクジン (@pikuzin24) March 19, 2021

いい感じになった。

これはいいね。

終わり

使用した感じ、とても簡単で使えるアセットですね。

特にアウトラインが表示されるのはなかなか嬉しいです。
画像を組み合わせて作るのは面倒ですからね。

安いんでみんなも買おうね。

またこんど。