はじめに 「Unity UGUI UIPolygon」を Uniy プロジェクトに導入することで uGUI で多角形を描画できるようになります 使用例 使い方 シーンの Canvas 内に空のゲームオブジェクトを作成して 「UIPolygon」をアタッチすることで使用できます Sides:辺の数 Ve…
はじめに 上記の記事の手順を踏むことで Text の Inspector に ContentSizeFitter をアタッチするボタンを追加できます 概要 if ( GUILayout.Button( "Add ContentSizeFitter" ) ) { var text = target as Text; var gameObject = text.gameObject; if ( gam…
はじめに 上記の記事の手順を踏むことで HorizontalLayoutGroup や VerticalLayoutGroup の Inspector に ContentSizeFitter をアタッチするボタンを追加できます 概要 if ( GUILayout.Button( "Add ContentSizeFitter" ) ) { var layoutGroup = target as H…
はじめに 上記の記事の手順を踏むことで ContentSizeFitter の Inspector に HorizontalFit と VerticalFit を同時に変更するボタンを追加できます ソースコード using UnityEngine; using UnityEngine.UI; namespace UnityEditor.UI { [CustomEditor(typeof…
はじめに uGUI の Button や Text の Inspector は通常方法でエディタ拡張することはできないですが、 https://bitbucket.org/Unity-Technologies/ui uGUI のソースコードはオープンソースとして上記 URL で公開されているので プロジェクトファイルをダウン…
はじめに 「UGUI_Extensions」を Unity プロジェクトに導入することで uGUI のテキストで文字が流れる演出を実装できるようになります 使用例 使い方 Text の代わりに「MarqueeText」を使用します
ソースコード 使用例 使い方 uGUI の空のゲームオブジェクトに「CircleGraphic」をアタッチします
ソースコード 使用例 使い方 uGUI の空のゲームオブジェクトに「GradientGraphic」をアタッチします
はじめに 「WChatPanel」では uGUI におけるチャット画面の実装を見ることができます 実装例 閲覧方法 「simple」シーンを開くことで確認できます
はじめに 「WDataTable」では uGUI における表形式のレイアウトの実装を見ることができます 実装例 閲覧方法 「Demo」フォルダ内のシーンを開くことで確認できます
はじめに 「Use meshes in Unity UI」を Unity プロジェクトに導入することで uGUI で 3D オブジェクトを親オブジェクトに収まるサイズで描画できます 使い方 キャンバス内に親オブジェクトを用意して 「Canvas Element 3D」をアタッチします そして、子オブ…
ソースコード 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>
ソースコード using UnityEngine; public static class CameraUtils { /// <summary> /// ワールド座標を Screen Space - Overlay の Canvas 内のワールド座標に変換します /// </summary> /// <param name="worldCamera">ワールド座標を描画するカメラ</param> /// <param name="worldPosition">変換前のワールド座標</param> /// <returns>変換後のワールド座標</returns>…
ソースコード 使い方 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>…
はじめに 「CollectionOfUnityShader」を Unity プロジェクトに導入することで uGUI でキランと光るエフェクトを実装できるようになります 使用例 使い方 Shader が「Unlit/Flash」のマテリアルを uGUI のオブジェクトに割り当てます 関連記事
はじめに 「Unity-UI-Rounded-Corners」を Unity プロジェクトに導入することで uGUI で角丸シェーダを使用できるようになります 使用例 使い方 uGUI のオブジェクトに「RoundedCornersTextureMaterial」を設定して マテリアルのパラメータを調整します
はじめに 「UnityRoundedShader」を Unity プロジェクトに導入することで uGUI で角丸シェーダを使用できるようになります 使用例 使い方 「Assets/RoundedShader/Examples」フォルダ内のマテリアルを uGUI のオブジェクトに設定して、各種パラメータを調整…
はじめに Text Mesh Pro では Font Asset に含めたい文字が増えて更新したい場合、 毎回 Font Asset Creator ウィンドウを開いて作成し直す必要がありますが、 「Unity TextMeshPro Font Customized Creater」を Unity プロジェクトに導入することで TextMes…
はじめに 「TextEllipsis」を Unity プロジェクトに導入することで uGUI の Text で範囲内に収まらないテキストを省略表示できるようになります 使用例 使い方 Text オブジェクトに「UITextEllipsis」をアタッチします
概要 「Text Juice」を Unity プロジェクトに導入することで uGUI の Text で1文字単位のアニメーションを実装できるようになります 使用例 使い方 Text のオブジェクトに「JuicedText」と「XXXXModifier」をアタッチして 各種パラメータを設定することで使…
はじめに TextMesh Pro の設定をルール化して管理できる機能 「TMP Rule」を GitHub に公開しました バージョン Unity 2018.3.11f1 使い方 Project ビューの「Create > TMP Rule Settings」を選択します すると、TextMesh Pro の設定をルール化して管理でき…
はじめに 「BookUI4Unity」では uGUI における 本をめくるようなアニメーションの実装を見ることができます 実装例 閲覧方法 「BookUIDemo」シーンを開くことで実装を見ることができます 参考サイト様
はじめに 「UnityShaderEffect」を Unity プロジェクトに導入することで uGUI でグレースケールシェーダを使用できるようになります 使用例 適用前 適用後 使い方 uGUI のオブジェクトに「Grayscale」マテリアルを割り当てると 使用できるようになります
はじめに 「UnityShaderEffect」を Unity プロジェクトに導入することで uGUI ですりガラスシェーダを使用できるようになります 使用例 適用前 適用後 使い方 uGUI のオブジェクトに「FrostGlass」マテリアルを割り当てると 使用できるようになります
はじめに 「图片流光效果」を Unity プロジェクトに導入することで uGUI のオブジェクトがキランと光る演出を実装できるようになります 使用例 使い方 uGUI のオブジェクトに「Image Flash Effect」をアタッチして Material に「ImageFlash」を設定すると使…
スライド
はじめに 「Blured uGUI」を Unity プロジェクトに追加することで uGUI の背面をぼかすことができるようになります 使用例 使い方 「[SceneBlurEffect]」プレハブをシーンに配置します そして、背面をぼかしたい UI のオブジェクトに 「uGUI_BlurGUI」マテリ…
はじめに 「EnhancedScrollView」を Unity プロジェクトに導入することで uGUI でスナップできるスクロールビューを実装できるようになります 使用例 使い方 スクリプトの準備 using UnityEngine; using UnityEngine.EventSystems; using UnityEngine.UI; pu…
はじめに 「Scroll - Mutate - Infinity - ZenUI」を Unity プロジェクトに導入することで 要素を使い回すスクロールを実装できるようになります 目次 はじめに 目次 使用例 特徴 基本的な使い方 スクリプトの作成 シーンのオブジェクトの作成 要素の追加、…
はじめに 「Unity UI强制引导框」を Unity プロジェクトに導入することで チュートリアルなどで特定のボタンのみハイライトして、 それ以外のボタンを押せなくすることができるようになります 使用例 使い方 シーンのキャンバス内に「GuideMask」のオブジェ…