(:3[kanのメモ帳]

個人ゲーム開発者kan.kikuchiのメモ的技術ブログ。月木更新でUnity関連がメイン。

(:3[kanのメモ帳]


本ブログの運営者kan.kikuchiが個人で開発しているゲームです!


uGUI

UIEffectを使って画面全体をディゾルブ(トランジション、フェード)させて切り替える方法【Unity】【uGUI】

この記事でのバージョン Unity 2022.3.16f1 はじめに 今回はディゾルブと呼ばれる特定のパターンで画面を埋めつくしていくようなフェードをUnityのuGUIで実現する方法の紹介です! UIEffectを使って画面全体をディゾル

テキストの内容が変わっても、画像とテキストを合わせてセンタリング(中央揃え)させる方法【Unity】【uGUI】

の記事でのバージョン Unity 2022.3.16f1 はじめに 今回は画像(Image)とテキストを並べて設置した際に、テキストの内容が変わっても、画像とテキストを合わせてセンタリング(中央揃え)させる方法の紹介です! なお、uUGUIでの話で、テキストはTextMeshProで…

RectTransformが重なっているか(衝突しているか)をコライダーを使わないで判定する拡張メソッド【Unity】【uGUI】【拡張メソッド】

拡張メソッドとは この記事でのバージョン Unity 2022.2.8f1 はじめに 今回はタイトル通り、RectTransformが重なっているかをコライダーを使わないで判定する方法の紹介です! RectTransformが重なっているかをコライダーを使わないで判定する方法

RectTransformをTransformに戻す、またはTransformをRectTransformにする方法【Unity】【uGUI】

この記事でのバージョン Unity 2022.2.2f1 はじめに 今回は主にuGUI関連のオブジェクト(ImageやText)で使われているRectTransformをTransform戻す方法の紹介です! と言ってもRectTransformをRemove Componentで削除するだけ。 なお、TransformをRectTransfo…

Unity公式からのUI 開発に関する究極のガイドとサンプルプロジェクトが無償公開!【Unity】【uGUI】【UI Toolkit】

はじめに 先日、Unity公式からのUI 開発に関する究極のガイド(eブック)「User interface design and implementation in Unity」が公開されました!しかもなんと無料! さらにこのガイドのために作られたデモプロジェクト「UI Toolkit sample - Dragon Crashe…

背景を低負荷かつ良い感じにボカす Translucent Image【Unity】【uGUI】【アセット】

この記事でのバージョン Unity 2021.3.4f1 Translucent Image 3.14.5 はじめに ゲームを作っていると、メイン画面の上に、 ポーズ画面のような別のUIを一時的に重ねたいという状況はよくあります。 そんな時にそのまま重ねるだけだと見ずらいので、薄い黒い…

高速なスクロールビュー(無限ループやスナッピングも可能)を簡単に実装出来る EnhancedScroller【Unity】【uGUI】【アセット】

この記事でのバージョン Unity 2021.3.4f1 EnhancedScroller Version 2.33.0 はじめに 今回はEnhancedScrollerというuGUIの高速なスクロールビューを簡単に実装出来るアセットの紹介です! EnhancedScroller | GUI Tools | Unity Asset Store 一応uGUIにも標…

uGUIのテキストや画像に綺麗な影やグローを追加出来る True Shadow【Unity】【uGUI】【アセット】

この記事でのバージョン Unity 2021.3.1f1 はじめに 今回はTrue ShadowというuGUIのテキストや画像に綺麗な影やグローを追加出来るアセットの紹介です! True Shadow - UI Soft Shadow and Glow | GUI Tools | Unity Asset Store UnityにはShadowという影を…

uGUIの要素のドラッグ開始、最中、終了を検知する方法【Unity】【uGUI】

この記事でのバージョン Unity 2020.3.25f1 はじめに 今回はuGUIの要素のドラッグ開始、最中、終了を検知する方法の紹介です! また、記事中では以下のアセットを使っています。 Clean & Minimalist GUI Pack | 2D GUI | Unity Asset Store uGUIの要素のドラ…

TextやTextMeshProのフォントに指定した文字が含まれているか(表示できるか)【Unity】【uGUI】【TextMesh Pro】

この記事でのバージョン Unity 2020.3.25f1 はじめに 今回はuGUIのTextやTextMeshProのフォントに指定した文字が含まれているか、つまりその文字が表示できるかという事をチェックする方法の紹介です! なお、記事中では以下のフォントを使っています。 Text…

uGUIでグラフを表示出来る無料ライブラリ unity-ugui-XCharts【Unity】【uGUI】

この記事でのバージョン Unity 2020.3.25f1 unity-ugui-XCharts v2.6.0 はじめに 今回はXChartsというuGUIでグラフが表示出来るライブラリの紹介です! 以下のような感じで、線グラフ、棒グラフ、、円グラフ、散布図等など色々なグラフを簡単に表示する事が…

uGUIのImageやTextにグラデーションを付けられるUIGradient 【Unity】【uGUI】

この記事でのバージョン Unity 2021.1.23f1 はじめに 今回はuGUIのImageやTextにグラデーションを付けられるUIGradientというアセット(?)の紹介です! イメージとしてはコンポーネントを追加してグラデーションを設定する感じです。 UIGradient

RectTransformのサイズ変更を検知する OnRectTransformDimensionsChangeAsObservable【Unity】【uGUI】【UniRx】

UniRxとは この記事でのバージョン Unity 2021.1.16f1 UniRx - Reactive Extensions for Unity 7.1.0 はじめに UnityでUIを実装する際にLayout Groupを使ってUIのサイズを自動調整する事がよくありますが、今回はそのRectTransformのサイズが変わったタイミ…

3Dモデルのメッシュ上にuGUIのImageやTextを表示する AnyUI(無料)【Unity】【uGUI】【アセット】

この記事でのバージョン 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…

Imageを任意の形に切り抜き、かつ端を綺麗(ソフト)に表示する SoftMaskForUGUI【Unity】【uGUI】

この記事でのバージョン Unity 2020.3.9f1 はじめに 以前、Maskを使って画像を任意の形に切り抜いて表示するという記事を書きました。 今回はそれと同様の機能ですが、さらに端を綺麗(ソフト)に表示する事の出来るSoftMaskForUGUIというアセット(?)の紹介で…

ボタンなどのレイキャストの当たり判定(タッチ範囲)だけを変えられるRaycastPadding【Unity】【uGUI】

この記事でのバージョン Unity 2020.1.0f1 はじめに UIを作っていて、ボタンの当たり判定を見た目より大きくしたいなんて事はよくあります。 しかし、uGUIのボタン(というよりRaycast Target)は当たり判定==画像となっているため、当たり判定だけを大きくす…

VR空間上にUI(Canvas)を設置し、常に3Dオブジェクトより前面表示かつカメラの方を向くようにする【Unity】【uGUI】【VR】

この記事でのバージョン Unity 2018.4.23f1 はじめに 今回はVR空間上にUIを設置する話で、イメージとしては以下のような感じ。 なお、記事中では以下のアセットを使っています。 Japanese School Classroom | 3D Environments | Unity Asset Store 目次 はじ…

Sprite Renderer等のクリックやタップよりuGUIの操作を優先する【Unity】【uGUI】

この記事でのバージョン Unity 2019.2.21f1 はじめに Unityはマウスのクリックやスマホでのタッチを簡単に取得する事できます。 private void Update(){ if (Input.GetMouseButton(0)) { Debug.Log("マウスのクリック発生中"); } if (Input.touchCount > 0) …

uGUIの画像(Image)の内側を逆マスクで切り抜いて、一部分だけ押せるようにする【Unity】【uGUI】

この記事でのバージョン Unity 2018.4.13f1 はじめに 今回は以下のような、任意の一部分だけ押せるようなUIを実装する方法の紹介です! チュートリアル等で押せる場所を限定したい場合に使えると思います。 uGUIでマスク

uGUIの負荷を減らす、7つの最適化【Unity】【uGUI】【最適化】

この記事でのバージョン Unity 2018.4.6f1 はじめに 公式でUnityのお役立ち情報を配信しているUnity for Proというサイトがあるのですが、(ライセンスのProではなく、実務で使えるという意味でのPro) その中の「Unity UI の最適化に関するヒント」といういか…

可変する数字を画像(Sprite)を使って、SpriteRendererやImageで表示【Unity】【uGUI】

この記事でのバージョン Unity 2018.4.6f1 はじめに Unityで数字を表示する時はuGUIのTextを使うのが一般的ですが、「フォントを使わずに可変する数字を画像で表示したい!」「SpriteRendererで可変する数字を表示したい!」みたいな事がたまにあります。 と…

uGUIの画像(Image)の内側を切り抜いて(逆マスクで)表示【Unity】【uGUI】

この記事でのバージョン Unity 2018.4.4f1 はじめに UnityはSpriteRendererでもuGUIのImageでも、画像一部分だけを表示するいわゆるマスクを簡単に実装する事出来ます。 ただ、画像の内側を切り抜いて表示する(逆マスク)は、uGUIのImageでは出来ません。 と…

uGUIのTextをTextMesh Proへ置換する方法と旧TextMesh Proからの移行方法【Unity】【TextMesh Pro】【uGUI】

この記事でのバージョン Unity 2018.4.1f1 はじめに uGUIのTextで欲しかった機能が揃っており、かなり魅力的なTextMesh Proですが、 既にuGUIのTextで実装してしまったものを変更するのは中々大変です。 ということで今回は、uGUIのTextをTextMesh Proへ置換…

uGUI(Image)とSpriteRendererの静止時と動作時の負荷比較【Unity】【uGUI】【最適化】

この記事でのバージョン Unity 2018.2.17f1 はじめに UnityでUIを実装するための機能であるuGUIは、以下のような仕組みを持っています。 どうもCanvasは一度Canvas内のUI(CanvasRenderer)を収集しビルドする(一つのメッシュ化する)事でパフォーマンスの…

文字列がTextにピッタリ収まるサイズを取得する方法と注意点【Unity】【uGUI】

この記事でのバージョン Unity 2017.2.0f3 はじめに 今回はタイトル通り、uGUIのTextで文字列がぴったり収まるサイズを取得する方法のご紹介です! preferredWidth, preferredHeight

Canvasを非Activeにした状態で開始するとRect Transformの諸々が0になる件【Unity】【uGUI】【トラブルシューティング】

この記事でのバージョン Unity 2017.1.0f3 はじめに タイトル通りなのですが、uGUIのCanvsを非Activeにした状態でゲームを開始するとRect Transformの諸々0になります。 一度Activeにすると諸々の数値は自動で設定され、再度非Activeにしてもそのままですが…

SpriteやImageで9Sliceを使う【Unity】【uGUI】

この記事でのバージョン Unity 2017.1.0f3 はじめに 今回はタイトル通り、SpriteやImageで9Sliceを使ってみようという記事です。ここで言う9Sliceとは画像を9分割し、分割した領域毎に拡大縮小を行う処理の事です。 なお、記事中の画像は以下のアセットを使…

SpriteやImageでMaskを使って画像を任意の形に切り抜いて表示する 【Unity】【uGUI】

この記事でのバージョン Unity 2017.1.0f3 はじめに 今回はタイトル通り、SpriteやImageでMaskを使ってみようという記事です。ここで言うMaskとは画像を任意の形に切り抜いて表示するような処理の事です。 ------------追記------------公式機能より綺麗に切…

シーンの遷移とフェードを管理するクラス【Unity】【uGUI】

イベント、デリゲートとは この記事でのバージョン Unity 5.6.1f1 はじめに 今回はタイトル通り、シーンの遷移とフェードを管理するクラスのご紹介!なるべく分かり易いようにシンプルな作りにしてみました。イメージとしては以下のような感じ。 //シーンの…

フォントのフィルターモードを変えてドットフォントをくっきり表示【Unity】【uGUI】

この記事でのバージョン Unity 5.5.1f1 はじめに Unityのテクスチャは、デフォルトでは滑らかに表示されるようにフィルターが設定されています。 ドット絵などフィルターが必要がない場合は以下のように設定からFilterModeをPointにして、補完しないようにし…