uGUI– category –
-
Unity│AdobeXDで作成したデザインをUnityへコンバートする方法
デザイナーがAdobeXDで作成したUIデザインを、そのままUnityに反映したい。 この記事では、AdobeXDからUnityへデータを移植する方法を3つ紹介します。 AdobeXDとは AdobeXDは、WebサイトやモバイルアプリのUI/UXデザインに特化したツールです。軽量で直感... -
Unity│フォントに関するTIPSまとめ4選│uGUI
uGUIのフォントに関するTIPSをまとめました。 リッチテキスト、ビットマップフォント、ttcの分割、Font Awesomeの使い方を紹介します。 リッチテキストのタグについて uGUIの標準機能です。文字にタグを入れると色やサイズを部分的に変更できます。 上の例... -
Unity│UI制作に役に立つシェーダー6選│uGUI
UnityのUI制作で使えるシェーダーをまとめました。 タッチ時の明るさ変更やDisable表現など、実用的なシェーダーを紹介します。 スプライトを明るくしたり暗くしたりするシェーダー UIをタッチした時に明るくするなどの表現で使えます。 手順 Unityのビル... -
Unity│uGUIスクロールビューの作り方
uGUIの標準機能だけでスクロールビューを作る方法を紹介します。 コードは書かずに、コンポーネントの設定だけで実装できます。 完成イメージ リストの作成 下敷き（ScrollView）の作成 GameObject → UI → Panelを作成 サイズを600×384に設定 名前を「Scro... -
Unity│uGUIで画像の比率を維持しながらサイズを変更する方法
uGUIで画像のサイズを変更するとき、スケール値を変えるのではなく、Width/Heightの値で調整したいことがあります。 標準機能で画像の比率を維持しながらサイズを変更する2つの方法を紹介します。 方法1：Rect Toolを使う Tキーを押してRect Toolに切り替... -
Unity│SpriteおよびRawImage 画像を読み込む方法
Unityで画像を動的に読み込む方法を紹介します。 Inspector指定、Resourcesフォルダ、ネットワーク取得の3パターンを解説します。 方法1：Inspectorで指定したSprite画像に変更する あらかじめInspectorで画像をアサインしておき、スクリプトから差し替え... -
Unity│psdデータからuGUIにコンバートする方法 │Baum2
PSDファイルからUnityのuGUIに自動変換できるBaum2の使い方を紹介します。 PhotoshopでUIを作成し、そのままUnityにコンバートできる便利なツールです。 Baum2のダウンロード GitHubからデータをダウンロードします。 ダウンロード：https://github.com/ky... -
Unity│uGUI使用時に知っておくべき基本機能 7選
uGUIでUIを作るとき、知っておくと便利な基本機能をまとめました。 Canvas設定からパフォーマンス計測まで、実践的な内容を紹介します。 1. Canvasの基本設定 UIの基本要素 要素役割CanvasUIの描画を担当。複数配置も可能EventSystemUIへのイベント処理を... -
Unity│ボタンで表示状態を切り替える方法│ノーコード
Mecanimとアニメーションを使えば、コードを書かなくてもボタンのON/OFFで表示状態を切り替えられます。 スクリプトを書くのが苦手なデザイナーでも、この方法ならすぐに実装できます。 今回作るもの ボタンを押すとイメージエフェクト（セpiaTone）がON/O...
1