コガネブログ

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

【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 を参照する手間を省く拡張メソッド

ソースコード 関連記事

【Unity】RectTransform のパラメータを四捨五入するエディタ拡張

ソースコード 使い方 UI オブジェクトを複製して配置していると、RectTransform のパラメータが 整数値ではなくなってしまうことがありますが、 RectTransform を右クリックして「Round」を選択することで RectTransform のパラメータを四捨五入することがで…

【Unity】uGUI で円形のメニューを実装したサンプル「Menu Circular」紹介

はじめに 「Menu Circular」は uGUI で円形のメニューを実装したサンプルです 使用例 確認方法 「Alexandria」シーンを開いて Unity を再生します 関連記事

【Unity】uGUI のスクロールでスナップできる「Unity Fantastic Gallery」紹介

はじめに 「Unity Fantastic Gallery」を Unity プロジェクトに導入することで uGUI のスクロールでスナップできるようになります 使用例 使い方 「GalleryManager」コンポーネントを使用します 関連記事

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

はじめに 「UnityUIExtention」は uGUI で使える 便利な 11 種類のコンポーネントのコレクションです 使用例 AroundLayoutGroup 円形もしくは矩形でオブジェクトを配置できます Circle 円を表示できます ColorGroup Button の ColotTint を複数のオブジェク…

【Unity】uGUI のテキストで「Font Awesome」のアイコンを表示する方法

はじめに https://fontawesome.com/ 「Font Awesome」は、900 種類以上のアイコンを使用できるフォントデータです 使用例 Font Awesome の導入 下記のページにアクセスします https://fontawesome.com/ 「Download Free」ボタンを押します ダウンロードした…

【Unity】uGUI のテキストを縦書きで表示できる「RotateText.cs」紹介

はじめに 上記のサイト様が公開されている「RotateText.cs」を使用することで uGUI のテキストを縦書きで表示できるようになります 使用例 使い方 Text オブジェクトに「RotateText」をアタッチします そして、必要であれば各種パラメータを設定します 項目 …

【Unity】uGUI のオブジェクトを作成できるツールバー「uGUIToolbar」を GitHub に公開しました

はじめに uGUI のオブジェクトを作成できるツールバー 「uGUIToolbar」を GitHub に公開しました 開発環境 Unity 2017.3.0f3 導入方法 下記のページにアクセスして 「uGUIToolbar.unitypackage」をダウンロードします https://github.com/baba-s/ugui-toorba…

【Unity】uGUI のオブジェクトの色や透明度をフェードさせる関数「CrossFadeAlpha」「CrossFadeColor」

はじめに 「CrossFadeAlpha」「CrossFadeColor」を使用することで uGUI のオブジェクトの色や透明度をフェードさせることができます 使用例 using UnityEngine; using UnityEngine.UI; public class Example : MonoBehaviour { public Image m_image; privat…

【Unity】uGUI の Image や Text の透明度を設定できる拡張メソッド

ソースコード using UnityEngine.UI; public static class GraphicExt { public static void SetAlpha( this Graphic self, float alpha ) { var color = self.color; color.a = alpha; self.color = color; } } 使用例 var image = GetComponent<Image>(); image.S</image>…

【Unity】uGUI で任意の図形や線を描画できる「Primitive UI」紹介($5.40)

概要 2015/9/30 に「Primitive UI」がリリースされました 「Primitive UI」を導入すると、 uGUI で任意の図形や線を描画できるようになります 検証環境 Unity 2017.3.0f3 Primitive UI 1.1 使用例 クイックスタート シーン内のキャンバスを右クリックして 「…

【Unity】uGUI でレーダーチャートを実装できる「Radar Chart」紹介($10.80)

概要 2015/12/28 に「Radar Chart」がリリースされました 「Radar Chart」を導入すると、 uGUI でレーダーチャートを実装できるようになります 検証環境 Unity 2017.3.0f3 Radar Chart 1.0 使用例 クイックスタート 好きなプレハブをシーンのキャンバス内に…