coiai Logo

Unity UIをカスタマイズ Shapes2D

Unity UI 作るのめんどくさい問題。

Web や モバイルAppの場合はMUIなどのUIライブラリを使えます。
Unity で簡単で無料で使えるライブラリはないかと探していました。

今回は使っていていい感じな Shapes 2D の使い方のメモです。

↓ Shapes 2D のアセットストアのリンク
https://discussions.unity.com/t/free-shapes2d-procedural-2d-shapes-for-sprites-and-ui/627914

手順

Shapes 2Dの公式ドキュメントはこちらから確認できます。

https://sub-c.org/Shapes2D/documentation

標準のボタン

まず最初の状態です。

Shapes2D

Body と書いてあるボタンをカスタマイズしていこうと思います。
(それ以外のボタンは既にShapes 2D を適応しています)

Shapes 2D Component の追加

Asset Store からダウンロードしてインポートします。

次にスタイルをつけたいオブジェクト(ボタン)をヒエラルキーから選択します。
続いて、インスペクターパネルから[Add Component]ボタンをクリックして[Shapes 2D]を選択します。

ヒエラルキーから選択
スタイルを効かせたいものをヒエラルキーから選択
Add Component からShapeを選択
Add Component から shapes を選択

形を変える

以下のような感じで、shape Type を Rectangle に設定して、Roundness Per Corner にチェックを入れると上の左右だけに角丸をつけられます。

このようにこのコンポーネントを使うと他にも、5角形など様々な形を選択でき、角丸の設定も容易にできるため、ゲームのようなリッチなUIではなく、Web埋め込みなどで使う場合や、業務用のプロジェクトにちょうどいいなと思います。

角丸にする
私の設定例
Bodyのボタンがタブ選択ボタンの見た目としていい感じになった!
Bodyのボタンがタブ選択ボタンの見た目としていい感じになった!

まとめ

コードを書いてUIを作っていける UI Toolkit 等もあるので、そちらも試してみたいと思います。

投稿日: 2025年1月4日
カテゴリ: Unity
タグ: UI, Unity
coiai

coiai

この記事もおすすめ

ポッドキャストを取った後Auditionですべきこと

ポッドキャストを取った後Auditionですべきこと

この記事はポッドキャストなどの音声コンテンツを取った後にAuditionで編集する方法について解説しています。 環境 やること 基本的に以下の4つの工程をすると、かなりクオリティアップにつながります! ノイズリダクション 無音部分を選択します。開始地点をi, 終わりをo キーを押すと選択できます。選択できたらエフェクト→ノイズリダクション/リストア→ノイズプリントをキャプチャを押します。 続いて、全体を選択します。cmd, a で全選択になります。エフェクト→ノイズリダクション/リストア→ノイズリダクションを選択します。 以下のようなパネルが表示されうので、ノイズのみをきたりして、削減ちを調整して、良い感じになったら適応ボタンを押します。 シングルバンドコンプレッサ 左のパネルのエフェクトトラックから▶️ボタンを押し、振幅と圧縮→シングルバンドコンプレッッサを選択します。 選択すると下記のようなパネルが開きます。それぞれ、 といった意味があります。設定値は下記画像のようにしています。 設定がめんどくさい場合はプリセットからラジオレベラーを選択してください。 EQ(声をクリアにする) パラメトリックイコライザーを使用します。エフェクト→フィルターとイコライザ→パラメトリックイコライザーを選択します。 私の場合は下記のように設定しています。 無音カット エフェクト→診断→無音をカットをすると左パネルに診断が表示されます。 効果を無音を削除、プリセットをポッドキャストにするとちょうどよくなると思います。設定したら、スキャンボタンを教えて、全て削除で無音がカットされます。 かなりカットされてしまうので、短いCM等に使うのはありかなという感じです。 参考 Adobe 無音カット https://helpx.adobe.com/jp/audition/using/strip-silence.html

この記事を書いた会社

株式会社coiaiは、「想像できることを美しく実現」を掲げ、XR・Web・アプリ・システム開発およびDX支援を行う会社です。 創業2022年、東京都練馬区に本社を置き、要件のヒアリングからPoC(概念実証)、本番運用まで一貫して伴走します。 まずはお気軽にご相談ください。

商号株式会社 coiai創業2022年1月設立2025年1月23日資本金1,500,000円(設立時点)本社所在地東京都練馬区関町北 3-6-9代表者代表取締役 竹村 啓佑 / 代表取締役 服部 陽良

主なご相談内容

会社概要・役員紹介を見る

詳しい会社情報は会社概要ページでご覧いただけます。

資料請求・無料相談

導入要件のヒアリングからPoC、本番運用まで伴走します。まずはお気軽にご相談ください。

お問い合わせの前に 個人情報保護方針 をご確認ください。