はじめに この記事は「Unityゆるふわサマーアドベントカレンダー 2018」の 8/8 の記事です 昨日は @monry さんの 「Assembly Definition Files の地雷ポイントについて解説してみる」でした 明日は @matsu_vr さんの 「Google Resonance Audio + Ambisonics…

概要 「Auto Size」をオンにする 「Auto Size Options」の「Min」に「1」、「Max」に文字の最大サイズを設定する 「Wrapping & Overflow」を「Enabled」「Truncate」にする （自動改行をオフにする場合は「Disabled」「Truncate」） 注意 「Content Size Fit…

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

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

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

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

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

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

ソースコード 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 …

ソースコード 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…

ソースコード 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…

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

ソースコード

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

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

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

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

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

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

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

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

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

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

はじめに https://github.com/SaiTingHu/TreeView 「TreeView」は uGUI で TreeView を実装したサンプルです 実行例 関連記事

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

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

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

概要 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 一覧 …

ソースコード 関連記事

ソースコード 関連記事