コガネブログ

平日更新を目標に Unity や C#、Visual Studio、ReSharper などのゲーム開発アレコレを書いていきます

【Unity】uGUI のクリックのパフォーマンスを最適化する方法がまとめられたサイト様

概要 https://networm.me/2019/10/06/unity-ugui-eventsystem-optimization/ https://blog.csdn.net/cyf649669121/article/details/83661023 https://blog.csdn.net/cyf649669121/article/details/83785539 https://blog.csdn.net/cyf649669121/article/deta…

【Unity】uGUI のオブジェクトを整列できる「Align Tools」紹介

はじめに 「Align Tools」を Unity プロジェクトに導入することで uGUI のオブジェクトを整列できるようになります 使用例 使い方 Unity メニューの「Window > LiteFeel > Align Tools > Align Tools」を選択すると uGUI のオブジェクトを整列できるウィンド…

【Unity】uGUI のボタンが反応しない場合に考えられる原因

はじめに uGUI のボタンが反応しない場合に考えられる原因を書き残しておきます 1. Canvas に GraphicRaycaster が アタッチされていない そのボタンが所属している Canvas に 「GraphicRaycaster」がアタッチされていない可能性があります その場合は、Canv…

【Unity】uGUI で多角形を描画できる「Unity UGUI UIPolygon」紹介

はじめに 「Unity UGUI UIPolygon」を Uniy プロジェクトに導入することで uGUI で多角形を描画できるようになります 使用例 使い方 シーンの Canvas 内に空のゲームオブジェクトを作成して 「UIPolygon」をアタッチすることで使用できます Sides:辺の数 Ve…

【Unity】Text の Inspector に ContentSizeFitter をアタッチするボタンを追加するエディタ拡張

はじめに 上記の記事の手順を踏むことで Text の Inspector に ContentSizeFitter をアタッチするボタンを追加できます 概要 if ( GUILayout.Button( "Add ContentSizeFitter" ) ) { var text = target as Text; var gameObject = text.gameObject; if ( gam…

【Unity】HorizontalLayoutGroup や VerticalLayoutGroup の Inspector に ContentSizeFitter をアタッチするボタンを追加するエディタ拡張

はじめに 上記の記事の手順を踏むことで HorizontalLayoutGroup や VerticalLayoutGroup の Inspector に ContentSizeFitter をアタッチするボタンを追加できます 概要 if ( GUILayout.Button( "Add ContentSizeFitter" ) ) { var layoutGroup = target as H…

【Unity】ContentSizeFitter の Inspector に HorizontalFit と VerticalFit を同時に変更するボタンを追加するエディタ拡張

はじめに 上記の記事の手順を踏むことで ContentSizeFitter の Inspector に HorizontalFit と VerticalFit を同時に変更するボタンを追加できます ソースコード using UnityEngine; using UnityEngine.UI; namespace UnityEditor.UI { [CustomEditor(typeof…

【Unity】uGUI の Button や Text の Inspector をエディタ拡張する方法

はじめに uGUI の Button や Text の Inspector は通常方法でエディタ拡張することはできないですが、 https://bitbucket.org/Unity-Technologies/ui uGUI のソースコードはオープンソースとして上記 URL で公開されているので プロジェクトファイルをダウン…

【Unity】uGUI のテキストで文字が流れる演出を実装できる「UGUI_Extensions」紹介

はじめに 「UGUI_Extensions」を Unity プロジェクトに導入することで uGUI のテキストで文字が流れる演出を実装できるようになります 使用例 使い方 Text の代わりに「MarqueeText」を使用します

【Unity】uGUI で円を表示できる「CircleGraphic.cs」紹介

ソースコード 使用例 使い方 uGUI の空のゲームオブジェクトに「CircleGraphic」をアタッチします

【Unity】uGUI でグラデーションの四角形を表示できる「GradientGraphic.cs」紹介

ソースコード 使用例 使い方 uGUI の空のゲームオブジェクトに「GradientGraphic」をアタッチします

【Unity】uGUI におけるチャット画面の実装を見ることができる「WChatPanel」紹介

はじめに 「WChatPanel」では uGUI におけるチャット画面の実装を見ることができます 実装例 閲覧方法 「simple」シーンを開くことで確認できます

【Unity】uGUI における表形式のレイアウトの実装を見ることができる「WDataTable」紹介

はじめに 「WDataTable」では uGUI における表形式のレイアウトの実装を見ることができます 実装例 閲覧方法 「Demo」フォルダ内のシーンを開くことで確認できます

【Unity】uGUI で 3D オブジェクトを親オブジェクトに収まるサイズで描画できる「Use meshes in Unity UI」紹介

はじめに 「Use meshes in Unity UI」を Unity プロジェクトに導入することで uGUI で 3D オブジェクトを親オブジェクトに収まるサイズで描画できます 使い方 キャンバス内に親オブジェクトを用意して 「Canvas Element 3D」をアタッチします そして、子オブ…

【Unity】ワールド座標を Screen Space - Camera の Canvas 内のローカル座標に変換する関数

ソースコード using UnityEngine; public static class CameraUtils { /// <summary> /// ワールド座標を Screen Space - Camera の Canvas 内のローカル座標に変換します /// </summary> /// <param name="worldCamera">ワールド座標を描画するカメラ</param> /// <param name="canvasCamera">Canvas を描画するカメラ</param> /// <param name="canvasRectTransform">Canvas …</param>

【Unity】ワールド座標を Screen Space - Overlay の Canvas 内のワールド座標に変換する関数

ソースコード using UnityEngine; public static class CameraUtils { /// <summary> /// ワールド座標を Screen Space - Overlay の Canvas 内のワールド座標に変換します /// </summary> /// <param name="worldCamera">ワールド座標を描画するカメラ</param> /// <param name="worldPosition">変換前のワールド座標</param> /// <returns>変換後のワールド座標</returns>…

【Unity】TextMesh Pro で数値を設定する時に GC Alloc が発生しない拡張メソッド「TMP_IntegerText.cs」紹介

ソースコード 使い方 var text = GetComponent<TMP_Text>(); text.SetText( 123 ); 検証 using TMPro; using UnityEngine; using UnityEngine.Profiling; public class Example : MonoBehaviour { public TMP_Text m_text; private void Update() { var num = 25; var </tmp_text>…

【Unity】uGUI でキランと光るエフェクトを実装できる「CollectionOfUnityShader」紹介

はじめに 「CollectionOfUnityShader」を Unity プロジェクトに導入することで uGUI でキランと光るエフェクトを実装できるようになります 使用例 使い方 Shader が「Unlit/Flash」のマテリアルを uGUI のオブジェクトに割り当てます 関連記事

【Unity】uGUI で角丸シェーダを使用できる「Unity-UI-Rounded-Corners」紹介

はじめに 「Unity-UI-Rounded-Corners」を Unity プロジェクトに導入することで uGUI で角丸シェーダを使用できるようになります 使用例 使い方 uGUI のオブジェクトに「RoundedCornersTextureMaterial」を設定して マテリアルのパラメータを調整します

【Unity】uGUI で角丸シェーダを使用できる「UnityRoundedShader」紹介

はじめに 「UnityRoundedShader」を Unity プロジェクトに導入することで uGUI で角丸シェーダを使用できるようになります 使用例 使い方 「Assets/RoundedShader/Examples」フォルダ内のマテリアルを uGUI のオブジェクトに設定して、各種パラメータを調整…

【Unity】TextMesh Pro の Font Asset の更新を自動化できる「Unity TextMeshPro Font Customized Creater」紹介

はじめに Text Mesh Pro では Font Asset に含めたい文字が増えて更新したい場合、 毎回 Font Asset Creator ウィンドウを開いて作成し直す必要がありますが、 「Unity TextMeshPro Font Customized Creater」を Unity プロジェクトに導入することで TextMes…

【Unity】uGUI の Text で範囲内に収まらないテキストを省略表示できる「TextEllipsis」紹介

はじめに 「TextEllipsis」を Unity プロジェクトに導入することで uGUI の Text で範囲内に収まらないテキストを省略表示できるようになります 使用例 使い方 Text オブジェクトに「UITextEllipsis」をアタッチします

【Unity】uGUI の Text で1文字単位のアニメーションを実装できる「Text Juice」紹介

概要 「Text Juice」を Unity プロジェクトに導入することで uGUI の Text で1文字単位のアニメーションを実装できるようになります 使用例 使い方 Text のオブジェクトに「JuicedText」と「XXXXModifier」をアタッチして 各種パラメータを設定することで使…

【Unity】TextMesh Pro の設定をルール化して管理できる機能「TMP Rule」を GitHub に公開しました

はじめに TextMesh Pro の設定をルール化して管理できる機能 「TMP Rule」を GitHub に公開しました バージョン Unity 2018.3.11f1 使い方 Project ビューの「Create > TMP Rule Settings」を選択します すると、TextMesh Pro の設定をルール化して管理でき…

【Unity】uGUI における本をめくるようなアニメーションの実装を見ることができる「BookUI4Unity」紹介

はじめに 「BookUI4Unity」では uGUI における 本をめくるようなアニメーションの実装を見ることができます 実装例 閲覧方法 「BookUIDemo」シーンを開くことで実装を見ることができます 参考サイト様

【Unity】uGUI でグレースケールシェーダを使用できる「UnityShaderEffect」紹介

はじめに 「UnityShaderEffect」を Unity プロジェクトに導入することで uGUI でグレースケールシェーダを使用できるようになります 使用例 適用前 適用後 使い方 uGUI のオブジェクトに「Grayscale」マテリアルを割り当てると 使用できるようになります

【Unity】uGUI ですりガラスシェーダを使用できる「UnityShaderEffect」紹介

はじめに 「UnityShaderEffect」を Unity プロジェクトに導入することで uGUI ですりガラスシェーダを使用できるようになります 使用例 適用前 適用後 使い方 uGUI のオブジェクトに「FrostGlass」マテリアルを割り当てると 使用できるようになります

【Unity】uGUI のオブジェクトがキランと光る演出を実装できる「图片流光效果」紹介

はじめに 「图片流光效果」を Unity プロジェクトに導入することで uGUI のオブジェクトがキランと光る演出を実装できるようになります 使用例 使い方 uGUI のオブジェクトに「Image Flash Effect」をアタッチして Material に「ImageFlash」を設定すると使…

【おすすめスライド】「UIデザイナーのUnity事情 ~ワークフロー心得編~」

スライド

【Unity】uGUI の背面をぼかすことができる「Blured uGUI」紹介

はじめに 「Blured uGUI」を Unity プロジェクトに追加することで uGUI の背面をぼかすことができるようになります 使用例 使い方 「[SceneBlurEffect]」プレハブをシーンに配置します そして、背面をぼかしたい UI のオブジェクトに 「uGUI_BlurGUI」マテリ…