(:3[kanのメモ帳]

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

(:3[kanのメモ帳]


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


uGUI

ImageやText(TMPも)にアニメーションエフェクトが簡単に付けられる UIEffectTweener【Unity】【uGUI】

この記事でのバージョン Unity 2022.3.32f1 UIEffect 5.0.0 はじめに 以前、UGUIのImageやText(TMPも)を装飾するUIEffectという無料パッケージの紹介をしました。 今回はそのUIEffectに含まれるUIEffectTweenerというコンポーネントの紹介です!(UIEffect自…

ImageやText(TMPも)を装飾するUIEffectがv5になってさらに使いやすく&強力に!【Unity】【uGUI】

この記事でのバージョン Unity 2022.3.32f1 UIEffect 5.0.0 はじめに 以前、UIEffectという無料(MIT License)で公開されているアセットを使って、画面全体をディゾルブ(トランジション、フェード)させて切り替える方法を紹介しました。 そのUIEffectにv5が出…

Anchorsが異なるRectTransformに同じサイズを設定する方法【Unity】【uGUI】

この記事でのバージョン Unity 2022.3.32f1 はじめに UnityのuGUIで以下のような感じでRectTransformに同じサイズに設定したつもりが、違うサイズになってしまってるという事がありました。 //ウィンドウ1にサイズ指定、ウィンドウ2も同じサイズ(にしたつも…

UIの裏側をボケさせてUIを見やすくしたい時は、ポストプロセスを使うのが楽でエフェクトも色々追加しやすい【Unity】【uGUI】【ポストプロセス】

この記事でのバージョン Unity 2022.3.32f1 はじめに ゲーム中にメニュー画面などのUIを重ねて開いた時に、裏側をボケさせて、前面のUIを見やすくしたいみたいな事はよくありますし、そういう事が簡単に出来るアセットもあります。 ただ色々試した結果、ポス…

uGUIがSceneでは表示されるのにGameでは表示されない【Unity】【uGUI】

この記事でのバージョン Unity 2022.3.32f1 はじめに 今回はUnityのuGUIでSceneビューには表示されているのに、Gameビューには表示されないという特殊な現象に遭遇して驚いた話です。 原因は至極単純で、プログラムでUIを生成した際にZ座標の指定をミスって…

uGUIのInputFieldをプログラムから選択する(文字入力を有効にする)方法【Unity】【uGUI】

この記事でのバージョン Unity 2022.3.21f1 はじめに UnityのuGUIではInputFieldというコンポーネントを使う事で、文字入力出来るUIを簡単に実装出来ます。 今回はそのInputFieldをプログラムから選択する(文字入力を有効にする)方法の紹介です!なお、「タ…

InputField入力中にEscキーを押すと、文字化けした文字が入力される場合の対処法【Unity】【uGUI】

この記事でのバージョン Unity 2022.3.32f1 はじめに UnityのInputField入力中に、入力を終えようとEscキーを押したら文字化けした文字が入力されるという現状に遭遇しました。 今回はそんな時の対処法の紹介です! 原因と対処法

uGUIのButtonをプログラムから押す方法【Unity】【uGUI】

この記事でのバージョン Unity 2022.3.21f1 はじめに UnityのuGUIではButtonというコンポーネントを使う事で、押した時に処理が実行できるボタンを簡単に実装出来ます。 今回はそのButtonをプログラムから押す方法の紹介です!なお、「タッチ(マウス)操作と…

簡単にUIを良い感じに盛れるシェーダー Deco-UI【Unity】【uGUI】【Shader】

この記事でのバージョン Unity 2022.3.21f1 はじめに 今回は簡単にUIを良い感じに盛れるシェーダー 「 Deco-UI」の紹介です! Deco-UIの使い方

画像などのUIのアスペクト比(縦横比)を維持したい時はAspect Ratio FitterかImageのPreserve Aspect【Unity】【uGUI】

この記事でのバージョン Unity 2022.3.21f1 はじめに 今回はUnityのUI(uGUI)で、画像などのUIのアスペクト比(縦横比)を維持したいという時の話です。 なお、記事中では以下のアセットを使っています。 2D Casual Game UI Set - Unity Asset Store アスペクト…

パーティクルをuGUIのCanvas上に表示し、UIの間にも簡単に表示できるParticleEffectForUGUI【Unity】【uGUI】

この記事でのバージョン Unity 2022.3.21f1 はじめに 今回はパーティクルをuGUIのCanvas上に表示出来るParticleEffectForUGUIという無料(MIT License)アセットの紹介です! イメージとしてはパーティクルを他のUIと一緒に配置するする感じで、UIの間にも簡単…

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でマスク