uGUI
この記事でのバージョン Unity 2022.3.16f1 はじめに 今回はディゾルブと呼ばれる特定のパターンで画面を埋めつくしていくようなフェードをUnityのuGUIで実現する方法の紹介です! UIEffectを使って画面全体をディゾル
の記事でのバージョン Unity 2022.3.16f1 はじめに 今回は画像(Image)とテキストを並べて設置した際に、テキストの内容が変わっても、画像とテキストを合わせてセンタリング(中央揃え)させる方法の紹介です! なお、uUGUIでの話で、テキストはTextMeshProで…
拡張メソッドとは この記事でのバージョン Unity 2022.2.8f1 はじめに 今回はタイトル通り、RectTransformが重なっているかをコライダーを使わないで判定する方法の紹介です! RectTransformが重なっているかをコライダーを使わないで判定する方法
この記事でのバージョン Unity 2022.2.2f1 はじめに 今回は主にuGUI関連のオブジェクト(ImageやText)で使われているRectTransformをTransform戻す方法の紹介です! と言ってもRectTransformをRemove Componentで削除するだけ。 なお、TransformをRectTransfo…
はじめに 先日、Unity公式からのUI 開発に関する究極のガイド(eブック)「User interface design and implementation in Unity」が公開されました!しかもなんと無料! さらにこのガイドのために作られたデモプロジェクト「UI Toolkit sample - Dragon Crashe…
この記事でのバージョン Unity 2021.3.4f1 Translucent Image 3.14.5 はじめに ゲームを作っていると、メイン画面の上に、 ポーズ画面のような別のUIを一時的に重ねたいという状況はよくあります。 そんな時にそのまま重ねるだけだと見ずらいので、薄い黒い…
この記事でのバージョン Unity 2021.3.4f1 EnhancedScroller Version 2.33.0 はじめに 今回はEnhancedScrollerというuGUIの高速なスクロールビューを簡単に実装出来るアセットの紹介です! EnhancedScroller | GUI Tools | Unity Asset Store 一応uGUIにも標…
この記事でのバージョン Unity 2021.3.1f1 はじめに 今回はTrue ShadowというuGUIのテキストや画像に綺麗な影やグローを追加出来るアセットの紹介です! True Shadow - UI Soft Shadow and Glow | GUI Tools | Unity Asset Store UnityにはShadowという影を…
この記事でのバージョン Unity 2020.3.25f1 はじめに 今回はuGUIの要素のドラッグ開始、最中、終了を検知する方法の紹介です! また、記事中では以下のアセットを使っています。 Clean & Minimalist GUI Pack | 2D GUI | Unity Asset Store uGUIの要素のドラ…
この記事でのバージョン Unity 2020.3.25f1 はじめに 今回はuGUIのTextやTextMeshProのフォントに指定した文字が含まれているか、つまりその文字が表示できるかという事をチェックする方法の紹介です! なお、記事中では以下のフォントを使っています。 Text…
この記事でのバージョン Unity 2020.3.25f1 unity-ugui-XCharts v2.6.0 はじめに 今回はXChartsというuGUIでグラフが表示出来るライブラリの紹介です! 以下のような感じで、線グラフ、棒グラフ、、円グラフ、散布図等など色々なグラフを簡単に表示する事が…
この記事でのバージョン Unity 2021.1.23f1 はじめに 今回はuGUIのImageやTextにグラデーションを付けられるUIGradientというアセット(?)の紹介です! イメージとしてはコンポーネントを追加してグラデーションを設定する感じです。 UIGradient
UniRxとは この記事でのバージョン Unity 2021.1.16f1 UniRx - Reactive Extensions for Unity 7.1.0 はじめに UnityでUIを実装する際にLayout Groupを使ってUIのサイズを自動調整する事がよくありますが、今回はそのRectTransformのサイズが変わったタイミ…
この記事でのバージョン Unity 2019.4.14f1 AnyUI - Map Your UI On Any 3D Surface 1.7 はじめに 今回は3Dモデルのメッシュ上にuGUIのImageやTextを表示するAnyUIという無料アセットの紹介です! AnyUI - Map Your UI On Any 3D Surface | GUI Tools | Unit…
この記事でのバージョン Unity 2020.3.9f1 はじめに 以前、Maskを使って画像を任意の形に切り抜いて表示するという記事を書きました。 今回はそれと同様の機能ですが、さらに端を綺麗(ソフト)に表示する事の出来るSoftMaskForUGUIというアセット(?)の紹介で…
この記事でのバージョン Unity 2020.1.0f1 はじめに UIを作っていて、ボタンの当たり判定を見た目より大きくしたいなんて事はよくあります。 しかし、uGUIのボタン(というよりRaycast Target)は当たり判定==画像となっているため、当たり判定だけを大きくす…
この記事でのバージョン Unity 2018.4.23f1 はじめに 今回はVR空間上にUIを設置する話で、イメージとしては以下のような感じ。 なお、記事中では以下のアセットを使っています。 Japanese School Classroom | 3D Environments | Unity Asset Store 目次 はじ…
この記事でのバージョン Unity 2019.2.21f1 はじめに Unityはマウスのクリックやスマホでのタッチを簡単に取得する事できます。 private void Update(){ if (Input.GetMouseButton(0)) { Debug.Log("マウスのクリック発生中"); } if (Input.touchCount > 0) …
この記事でのバージョン Unity 2018.4.13f1 はじめに 今回は以下のような、任意の一部分だけ押せるようなUIを実装する方法の紹介です! チュートリアル等で押せる場所を限定したい場合に使えると思います。 uGUIでマスク
この記事でのバージョン Unity 2018.4.6f1 はじめに 公式でUnityのお役立ち情報を配信しているUnity for Proというサイトがあるのですが、(ライセンスのProではなく、実務で使えるという意味でのPro) その中の「Unity UI の最適化に関するヒント」といういか…
この記事でのバージョン Unity 2018.4.6f1 はじめに Unityで数字を表示する時はuGUIのTextを使うのが一般的ですが、「フォントを使わずに可変する数字を画像で表示したい!」「SpriteRendererで可変する数字を表示したい!」みたいな事がたまにあります。 と…
この記事でのバージョン Unity 2018.4.4f1 はじめに UnityはSpriteRendererでもuGUIのImageでも、画像一部分だけを表示するいわゆるマスクを簡単に実装する事出来ます。 ただ、画像の内側を切り抜いて表示する(逆マスク)は、uGUIのImageでは出来ません。 と…
この記事でのバージョン Unity 2018.4.1f1 はじめに uGUIのTextで欲しかった機能が揃っており、かなり魅力的なTextMesh Proですが、 既にuGUIのTextで実装してしまったものを変更するのは中々大変です。 ということで今回は、uGUIのTextをTextMesh Proへ置換…
この記事でのバージョン Unity 2018.2.17f1 はじめに UnityでUIを実装するための機能であるuGUIは、以下のような仕組みを持っています。 どうもCanvasは一度Canvas内のUI(CanvasRenderer)を収集しビルドする(一つのメッシュ化する)事でパフォーマンスの…
この記事でのバージョン Unity 2017.2.0f3 はじめに 今回はタイトル通り、uGUIのTextで文字列がぴったり収まるサイズを取得する方法のご紹介です! preferredWidth, preferredHeight
この記事でのバージョン Unity 2017.1.0f3 はじめに タイトル通りなのですが、uGUIのCanvsを非Activeにした状態でゲームを開始するとRect Transformの諸々0になります。 一度Activeにすると諸々の数値は自動で設定され、再度非Activeにしてもそのままですが…
この記事でのバージョン Unity 2017.1.0f3 はじめに 今回はタイトル通り、SpriteやImageで9Sliceを使ってみようという記事です。ここで言う9Sliceとは画像を9分割し、分割した領域毎に拡大縮小を行う処理の事です。 なお、記事中の画像は以下のアセットを使…
この記事でのバージョン Unity 2017.1.0f3 はじめに 今回はタイトル通り、SpriteやImageでMaskを使ってみようという記事です。ここで言うMaskとは画像を任意の形に切り抜いて表示するような処理の事です。 ------------追記------------公式機能より綺麗に切…
イベント、デリゲートとは この記事でのバージョン Unity 5.6.1f1 はじめに 今回はタイトル通り、シーンの遷移とフェードを管理するクラスのご紹介!なるべく分かり易いようにシンプルな作りにしてみました。イメージとしては以下のような感じ。 //シーンの…
この記事でのバージョン Unity 5.5.1f1 はじめに Unityのテクスチャは、デフォルトでは滑らかに表示されるようにフィルターが設定されています。 ドット絵などフィルターが必要がない場合は以下のように設定からFilterModeをPointにして、補完しないようにし…