概要 ContentSizeFitter の FitMode を Preferred Size にした状態で プリセットのメニューを開いて 「Save current to...」ボタンを押して適当なフォルダに保存して 保存した Preset を選択して「Add to ContentSizeFitter default」ボタンを押すと Content…
リポジトリ 使い方 Inspector で RectTransform の項目を右クリックして「Fit Children」を選択します Undo に対応しています 孫オブジェクトに対応しています Scale に対応しています
ソースコード 使い方 ゲームオブジェクトに上記のスクリプトをアタッチすると 毎フレーム画面をランダムにクリックします DontDestroyOnLoad が適用されたゲームオブジェクトにアタッチすると そのゲームオブジェクトが破棄されるまで画面をランダムにクリッ…
概要 Image の Use Sprite Mesh をオンにした状態で 赤枠のアイコンを押して Select Preset ウィンドウで「Save current to...」ボタンを押して ダイアログが表示されたらプリセットを保存するフォルダと ファイル名を設定して「保存」を押して Project ビュ…
概要 Canvas Scaler の UI Scale Mode や Reference Resolution を設定した状態で 赤枠のアイコンを押して Select Preset ウィンドウで「Save current to...」ボタンを押して ダイアログが表示されたらプリセットを保存するフォルダと ファイル名を設定して…
概要 Canvas Renderer の赤枠のアイコンを押して Select Preset ウィンドウで「Save current to...」ボタンを押して ダイアログが表示されたらプリセットを保存するフォルダと ファイル名を設定して「保存」を押して Project ビューで作成されたプリセットを…
概要 例えば uGUI の Image の Raycast Target をデフォルトでオフにしたい場合は Image コンポーネントの赤枠のアイコンを押して Select Preset ウィンドウで「Save current to...」ボタンを押して New Preset ダイアログで保存するフォルダとファイル名を…
概要 using UnityEngine; using UnityEngine.EventSystems; public class Example : MonoBehaviour, IPointerClickHandler { public void OnPointerClick( PointerEventData eventData ) { if ( eventData.button == PointerEventData.InputButton.Right ) {…
はじめに 「UnityRadialLayoutGroup」を Uniy プロジェクトに導入することで uGUI で円形のレイアウトを使用できるようになります 使用例 使い方 HorizontalLayoutGroup や VerticalLayoutGroup と同様に RadialLayoutGroup を使用することで円形のレイアウ…
はじめに 「ZString」を Uniy プロジェクトに導入することで string.Format や StringBuilder、TextMesh Pro の割り当てを削減できるようになります string.Format 通常 using UnityEngine; public class Example : MonoBehaviour { private void Update() {…
はじめに 「WebGLInput」を Unity プロジェクトに導入することで WebGL の InputField でコピー・ペーストできるようになります 検証環境 Unity 2019.2.15f1 Chrome 79.0.3945.130 Firefox 72.0.2 上記の環境で正常に動作することを確認しています 使い方 In…
概要 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…
はじめに 「Align Tools」を Unity プロジェクトに導入することで uGUI のオブジェクトを整列できるようになります 使用例 使い方 Unity メニューの「Window > LiteFeel > Align Tools > Align Tools」を選択すると uGUI のオブジェクトを整列できるウィンド…
はじめに uGUI のボタンが反応しない場合に考えられる原因を書き残しておきます 1. Canvas に GraphicRaycaster が アタッチされていない そのボタンが所属している Canvas に 「GraphicRaycaster」がアタッチされていない可能性があります その場合は、Canv…
はじめに 「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」を設定して マテリアルのパラメータを調整します