コガネブログ

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

【Unity】uGUI でダブルクリックできるボタンを実装できる「DoubleClickButton.cs」紹介

概要 上記のスクリプトを Unity プロジェクトに導入することで uGUI でダブルクリックできるボタンを実装できるようになります 参考ツイート All you need to add a "Double Click" event to the normal UI button, #oneimagetutorials #unitytips @unity3d …

【おすすめスライド】「uGUIのテキストエフェクトを作ってみたりした」

【Unity】uGUI に関するオススメ記事まとめ(60個)

はじめに このブログで紹介してきた uGUI に関するオススメの記事を60件まとめました 目次 はじめに 目次 オープンソース ユーティリティ ボタン テキスト スクロール エフェクト デバッグ ツール サンプル エディタ拡張 テスト サンプルプロジェクト Asset …

【Unity】「【Unity道場 2016】モダンなUIの提案と実装 前編」で使用されたサンプルプロジェクト「DojoUI1」紹介

はじめに 「DojoUI1」は「【Unity道場 2016】モダンなUIの提案と実装 前編」で使用された サンプルプロジェクトです スクリーンショット スライド 関連記事

【Unity】uGUI の自動テストが行える「Unity UI Test Automation Framework」紹介

はじめに 「Unity UI Test Automation Framework」を Unity プロジェクトに導入することで uGUI の自動テストが行えるようになります テストを実行する方法 Unity メニューの「Window>Test Runner」を選択します 「Play Mode」を選択して「Rul All」を押しま…

【Unity】uGUI において多機能でアニメーションも適用可能なスクロールビューを実装できる「FancyScrollView」紹介

はじめに 「FancyScrollView」を Unity プロジェクトに導入することで、uGUI において 多機能でアニメーションも適用可能なスクロールビューを実装できるようになります 目次 はじめに 目次 サンプル 基本 押下イベント 無限スクロール フォーカス 使用例 ス…

【Unity】uGUI でゲーム内にコンソールウィンドウを表示できる「UnityDebugConsole」紹介

はじめに 「UnityDebugConsole」を Unity プロジェクトに導入することで uGUI でゲーム内にコンソールウィンドウを表示できるようになります 使用例 使い方 「debug_console」プレハブをシーンに配置します 関連記事

【Unity】uGUI で実装されたミニマップのサンプル「unity-minimap」紹介

はじめに 「unity-minimap」は uGUI で実装されたミニマップのサンプルです サンプル 関連記事

【Unity】uGUI でゲーム内にコンソールウィンドウを表示できる「In-game Debug Console for Unity 3D」紹介

はじめに 「In-game Debug Console for Unity 3D」を Unity プロジェクトに導入することで uGUI でゲーム内にコンソールウィンドウを表示できるようになります 使用例 使い方 「DebugLogCanvas」プレハブをシーンに配置します 関連記事

【Unity】uGUI のオブジェクトを簡単にフェードできる「Unity-UiFaderPro」紹介

はじめに 「Unity-UiFaderPro」を Unity プロジェクトに導入することで uGUI のオブジェクトを簡単にフェードできるようになります 使用例 使い方 フェードさせたいオブジェクトに「CanvasController」をアタッチします using UnityEngine; public class Exa…

【Unity】uGUI で実装された吹き出しのサンプル「Unity-SimpleSpeechBubble」紹介

はじめに 「Unity-SimpleSpeechBubble」は uGUI で実装された吹き出しのサンプルです サンプル 関連記事

【Unity】uGUI でプリミティブな図形を描画できる「UIGraphicAPI」紹介

はじめに 「UIGraphicAPI」を Unity プロジェクトに導入することで uGUI でプリミティブな図形を描画できるようになります 使用例 使い方 Canvas Renderer に下記のいずれかのコンポーネントをアタッチします UICircle UILine UIRect 関連記事

【Unity】uGUI でシンプルなアニメーションをスクリプト無しで実装できる「UITransition」紹介

はじめに 「UITransition」を Unity プロジェクトに導入することで uGUI でシンプルなアニメーションをスクリプト無しで実装できるようになります 使用例 概要(以下引用) 単純なアニメーション(点滅、回転、拡縮など)を スクリプトやアセットなしで実装で…

【Unity】uGUI で通常よりも多機能なボタンを使用できる「ButtonEx」紹介

はじめに 「ButtonEx」を Unity プロジェクトに導入することで uGUI で通常よりも多機能なボタンを使用できるようになります スクリーンショット 概要(引用) OnClick の「Invoke On Esc Key」をオンにすると Android のバックキーで押せるようになります …

【Unity】uGUI のコンポーネントのパラメータを CSS のように一元管理できる「StyleSystem」紹介

はじめに 「StyleSystem」を Unity プロジェクトに導入することで uGUI のコンポーネントのパラメータを CSS のように一元管理できるようになります 使い方 パラメータを一元管理したいオブジェクトに「Style」をアタッチします 「Style」で適用するパラメー…

【Unity】uGUI でトグルを操作するコードを綺麗に記述できる「CompositeToggle」紹介

はじめに 「CompositeToggle」を Unity プロジェクトに導入することで uGUI でトグルを操作するコードを綺麗に記述できるようになります 概要 [SerializeField] Sprite sptireOn; [SerializeField] Sprite sptireOff; [SerializeField] Color colorOn; [Seri…

【Unity】uGUI で使用できる静的なブラーエフェクト「StaticBluredScreen」紹介

はじめに 「StaticBluredScreen」は uGUI で使用できる静的なブラーエフェクトです 使用例 使い方 Canvas Renderer に「StaticBluredScreen」をアタッチします staticBluredScreen.UpdateTexture(); そして、スクリプトから上記の関数を呼び出します 関連記事

【Unity】uGUI で使える反射コンポーネント「UGUIExtend」紹介

はじめに 「UGUIExtend」は uGUI で使える反射コンポーネントです 使用例 使い方 「Mirror」をアタッチします 関連記事

【Unity】uGUI のテキストをシェーダでアニメーションするサンプル「TextShaderAnimation」紹介

はじめに 「TextShaderAnimation」は uGUI のテキストを シェーダでアニメーションするサンプルです サンプル 関連記事

【Unity】uGUI で使用できる色相変更シェーダ「Hue」紹介

はじめに 「Hue」は uGUI で使用できる色相変更シェーダです 使用例 適用前 適用後 使用方法 Image や RawImage のオブジェクトに 「UIHue」コンポーネントをアタッチします 参考サイト様 関連記事

【Unity】uGUI でキレイな輪郭線を表示できる「Beautiful Text Outline for Unity UI」紹介

はじめに 「Beautiful Text Outline for Unity UI」を Unity プロジェクトに導入することで uGUI でキレイな輪郭線を表示できるようになります 使用例 使い方 uGUI のオブジェクトに下記のいずれかのコンポーネントをアタッチします Outline8 BoxOutline Cir…

【Unity】uGUI でスクリプトからボタンを押す方法

概要 ExecuteEvents.Execute 関数を使用することで スクリプトから uGUI のボタンを押すことができます using UnityEngine; using UnityEngine.EventSystems; using UnityEngine.UI; public class Example : MonoBehaviour { public Button target; private …

【Unity】uGUI の Image の輪郭線を光らせる「GlowImage」紹介

はじめに 「GlowImage」を Unity プロジェクトに導入することで uGUI の Image の輪郭線を光らせることができます 使用例 適用前 適用後 使い方 「GlowImage」をアタッチします 関連記事

【Unity】uGUI でテキストを1文字ずつ表示できる「TextFader」紹介

はじめに 「TextFader」を Unity プロジェクトに導入することで uGUI でテキストを1文字ずつ表示できるようになります 使用例 使い方 Text のオブジェクトに「TextFader」をアタッチします 関連記事

【Unity】uGUI でより多くのリッチテキストを使用できる「YLYRichText」紹介

はじめに 「YLYRichText」を Unity プロジェクトに導入することで uGUI でより多くのリッチテキストを使用できるようになります 使用例 使い方 「YlyRichText」を使用します 「YlyRichText」では下記のようなタグが使用できます 機能 サンプル 太字 <b>太字</b> 色 <color=ff0000ff></color=ff0000ff>…

【Unity】uGUI で GIF アニメを表示できる「UniGif」紹介

はじめに 「UniGif」を Unity プロジェクトに導入することで uGUI で GIF アニメを表示できるようになります 使用例(引用) 使い方 RawImage のオブジェクトに「UniGifImage」をアタッチします ゲーム開始時に GIF アニメを読み込んで表示したい場合は 「Lo…

【Unity】uGUI の Text でカーニング(文字間隔)を調整できる「LetterSpacing」紹介

はじめに https://forum.unity.com/threads/adjustable-character-spacing-free-script.288277/#post-2768776 上記のフォーラムで公開されている「LetterSpacing」を使用することで uGUI の Text でカーニング(文字間隔)を調整できるようになります ソース…

【Unity】ContentSizeFitter の FitMode をすべて「PreferredSize」にするコマンドをコンテキストメニューに追加するエディタ拡張

ソースコード 使い方 ContentSizeFitter を右クリックして「Both Preferred Size」を選択します

【Unity】反転シェーダ「Invert Shader」紹介

ソースコード 使用例 使い方 マテリアルの Shader に「MaddHatt/GrabPassInvert」を設定します 参考ツイート Need an invert shader? Have a copy of mine!Tinting, linear/gamma colors, & contrast! #unity3d #gamedev #unitytipshttps://t.co/U5JQgvkbyf …

【Unity】uGUI のテキストの一部の文字列がクリックされたときの挙動を設定できる「uGUI-Hypertext」紹介

はじめに 「uGUI-Hypertext」を Unity に導入することで uGUI のテキストの一部の文字列がクリックされたときの挙動を設定できるようになります 使用例 UI 用の空のゲームオブジェクトに「RegexHypertext」コンポーネントをアタッチします 「Example.cs」と…