コガネブログ

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

【Unity】uGUI のオブジェクトを反射して表示できる「MirrorReflectionEffectForUGUI」紹介

はじめに 「MirrorReflectionEffectForUGUI」を Unity プロジェクトに導入することで uGUI のオブジェクトを反射して表示できるようになります 導入方法 https://github.com/mob-sakai/MirrorReflectionEffectForUGUI/releases 上記のページから「MirrorRefl…

【Unity】uGUI で六角形のタイル状に UI を整列できる「HexGridLayout.cs」紹介

ソースコード 使用例 Canvas 内に「HexGridLayout」をアタッチしたオブジェクトを用意して、 整列させたいオブジェクトをその子供にすることで このように六角形のタイル状に UI を整列できます 備考 Assets/Hexagon.cs(38,63): error CS0122: `UnityEngine.…

【Unity】NGUI の UISprite のように、設定されているアトラスからスプライトを選択できる Image「AtlasImage」紹介

はじめに 「AtlasImage」を Unity プロジェクトに導入することで NGUI の UISprite のように、設定されているアトラスから スプライトを選択できる Image を使用できるようになります 使い方 Image の代わりに AtlasImage を使用します Sprite Name のプルダ…

【Unity】uGUI でスクロール内のボタンを少しでもドラッグしてしまうとボタンが押せなくなる問題の対応方法が紹介されているサイト様

参考サイト様 uGUIのスクロールビューにボタンを並べるとボタンが反応しにくくなる際の対応 UnityのScrollRectを拡張しよう | 株式会社ヘキサドライブ | HEXADRIVE | ゲーム制作を中心としたコンテンツクリエイト会社

【Unity】uGUI で画像や文字がキラッと光る演出を実装できる「ShinyEffectForUGUI」紹介(2018/5/29 更新)

はじめに 「ShinyEffectForUGUI」を Unity プロジェクトに導入することで uGUI で画像や文字がキラッと光る演出を実装できるようになります 使用例 WebGL デモ https://mob-sakai.github.io/ShinyEffectForUGUI/ 導入方法 https://github.com/mob-sakai/Shin…

【Unity】uGUI でピンチイン・アウトを実装したサンプル「SamplePinchScaling」紹介

はじめに 「SamplePinchScaling」は uGUI でピンチイン・アウトを実装したサンプルです 使い方 こちらのサイト様に詳細な内容が記載されていますので、 詳しくは上記のサイト様を閲覧して頂ければと思いますが 自分のブログにも手順をまとめておきます Hiera…

【Unity】RectTransform の anchoredPosition を設定する拡張メソッド

ソースコード using UnityEngine; public static class RectTransformExt { public static void SetAnchoredPositionX ( this RectTransform self, float x ) { var pos = self.anchoredPosition; pos.x = x; self.anchoredPosition = pos; } public static …

【Unity】UnityEvent で RemoveAllListeners してから AddListener する拡張メソッド

ソースコード using System; using UnityEngine.Events; public static class UnityEventExt { public static void SetListener( this UnityEvent self, Action call ) { self.RemoveAllListeners(); self.AddListener( () => call() ); } public static voi…

【Unity】UnityEvent の AddListener で System.Action を渡せるようにする拡張メソッド

ソースコード using System; using UnityEngine.Events; public static class UnityEventExt { public static void AddListener( this UnityEvent self, Action call ) { self.AddListener( () => call() ); } } 使用例 Action call = () => {}; button.onCl…

【Unity】uGUI でディゾルブシェーダを使用できる「DissolveEffectForUGUI」紹介

はじめに 「DissolveEffectForUGUI」を Unity プロジェクトに導入することで uGUI でディゾルブシェーダを使用できるようになります 使用例 使い方 Canvas の「Additional Shader Channels」に「TexCoord1」を設定します そして、ディゾルブシェーダを適用し…

【Unity】uGUI で使えるドラッグ可能なボタン

ソースコード

【Unity】スタイリッシュな UI のサンプル「Lomenu UI」紹介

はじめに 「Lomenu UI」はスタイリッシュな UI のサンプルです スクリーンショット Battlefield Layout Bloody Layout Curaphic Layout Field Layout Field Layout (3D) Field Layout (Portrait) Hexart Layout

【Unity】uGUI の RectTransform のアンカーを Shift や Alt を押しながら設定した時の挙動

はじめに uGUI の RectTransform のアンカーは Shift や Alt を押しながら設定することができます この記事では、Shift や Alt を押しながら RectTransform のアンカーを設定すると どのような挙動になるか紹介していきます 目次 はじめに 目次 通常 Shift …

【Unity】Scene ビューに Image や Text のガイド線を表示するエディタ拡張

はじめに この記事では、上記のサイト様が紹介されている機能を 少し改変したモノを紹介していきます ソースコード 使い方 上記の「GuideLineDrawer.cs」「GuideLineDrawSceneView.cs」を Unity プロジェクトに導入します (「GuideLineDrawSceneView.cs」は…

【Unity】uGUI でサイズが違うオブジェクトをキレイに並べることができる「FlowLayoutGroup.cs」紹介

はじめに 上記のページで紹介されている「FlowLayoutGroup.cs」を Unity プロジェクトに導入することで、 uGUI でサイズが違うオブジェクトをキレイに並べることができます 使用例 ソースコード 使い方 親オブジェクトに「FlowLayoutGroup」をアタッチします…

【Unity】uGUI の LayoutGroup のコンテキストメニューから ContentSizeFitter をアタッチできるようにするエディタ拡張

ソースコード 使い方 LayoutGroup コンポーネントを右クリックして 「Add Content Size Fitter」を選択すると FitMode が PreferredSize の ContentSizeFitter をアタッチできます 関連記事

【Unity】uGUI のテキストのコンテキストメニューから ContentSizeFitter をアタッチできるようにするエディタ拡張

ソースコード 使い方 Text コンポーネントを右クリックして 「Add Content Size Fitter」を選択すると FitMode が PreferredSize の ContentSizeFitter をアタッチできます 関連記事

【Unity】uGUI のテキストでビットマップフォントを使用する方法

はじめに 上記のサイト様でも詳しく紹介されていますが、 この記事でも uGUI のテキストでビットマップフォントを使用する方法を 書き残しておこうと思います 目次 はじめに 目次 素材の準備 Adobe AIR のインストール ShoeBox のインストール ビットマップ…

【Unity】uGUI のテキストに文字単位のアニメーションを実装できる「Typeface Animator」紹介

はじめに 上記のリポジトリで公開されている Unity プロジェクトに導入されている 「Typeface Animator」を使用することで、 uGUI のテキストに文字単位のアニメーションを実装できるようになります 使用例 クイックスタート Text のオブジェクトに「Typefac…

【Unity】【初心者向け】コードを書かずに 2D のワールドマップの操作を実装する方法

手順 この記事では uGUI で上記のような 2D のワールドマップの操作を コードを書かずに実装する方法を紹介していきます 手順 Unity プロジェクトにワールドマップの背景画像を追加しておきます Hierarchy の「Create>UI>Scroll View」を選択します 作成した…

【Unity】uGUI で使える便利な 10 種類のコンポーネントのコレクション「UnityCodes」紹介

はじめに 「UnityCodes」は uGUI で使える 便利な 10 種類のコンポーネントのコレクションです 使用例 FunctionalGraph PieGraph DoubleClickButton && LongClickButton TreeView DatePicker ColoredTape ColorPicker LineChartGraph RadarMap BarChartGraph…

【Unity】uGUI で TreeView を実装したサンプル「TreeView」紹介

はじめに 「TreeView」は uGUI で TreeView を実装したサンプルです 実行例 関連記事

【Unity】SpriteAtlas からプロパティ経由でスプライトを取得できるクラスを自動生成するエディタ拡張「SpriteAtlasNameCreator」を GitHub に公開しました

はじめに SpriteAtlas に含まれるスプライトを、文字列指定ではなく プロパティ経由で取得できるクラスを自動生成するエディタ拡張 「SpriteAtlasNameCreator」を GitHub に公開しました 目次 はじめに 目次 できること 文字列指定ではなくプロパティ経由で…

【Unity】uGUI のアニメーション付きのプログレスバー「uGUI Animated Progressbar」を GitHub に公開しました

はじめに uGUI のアニメーション付きのプログレスバー 「uGUI Animated Progressbar」を GitHub に公開しました 開発環境 Unity 2017.3.0f3 導入方法 下記のページにアクセスして 「AnimatedProgressbar.unitypackage」をダウンロードします https://github.…

【Unity】多彩なスクロールビューを実装できる「UGUI Super ScrollView」の実装例を9つ紹介($43.20)

概要 2017/4/19 に「UGUI Super ScrollView」がリリースされました 「UGUI Super ScrollView」を導入すると、 多彩なスクロールビューを実装できるようになります この記事では、「UGUI Super ScrollView」の実装例を9つ紹介していきます 検証環境 Unity 201…

【Unity】SpriteRenderer や uGUI の Image に65種類以上のエフェクトを適用できる「2DxFX: 2D Sprite FX」紹介($54.00)

概要 2015/7/31 に「2DxFX: 2D Sprite FX」がリリースされました 「2DxFX: 2D Sprite FX」を導入すると、SpriteRenderer や uGUI の Image に 65種類以上のエフェクトようになります 検証環境 Unity 2017.3.0f3 2DxFX: 2D Sprite FX 2.3.6 一覧 4 Gradients …

【Unity】ButtonClickedEvent のリスナーの追加、削除、設定の記述を簡略化する拡張メソッド

ソースコード 関連記事

【Unity】uGUI の RawImage の UV の設定を楽にする拡張メソッド

ソースコード 関連記事

【Unity】uGUI の Graphic から ContentSizeFitter を参照する手間を省く拡張メソッド

ソースコード 関連記事

【Unity】uGUI の Graphic から RectTransform を参照する手間を省く拡張メソッド

ソースコード 関連記事