はじめに 「Sprite-Postprocessing-Tool」を Unity プロジェクトに導入することで uGUI や SpriteRenderer で 5 種類のシェーダを使用できるようになります 使用例 適用前 適用後 使い方 uGUI のオブジェクトやスプライトに「SpritePostprocessing」をアタッ…
はじめに 「EffectShader」を Unity プロジェクトに導入することで 12 種類のシェーダを使用できるようになります 紹介記事一覧 ドット柄のポストエフェクトを使用する 画面を歪ませるポストエフェクトを使用する アウトラインのポストエフェクトを使用する …
はじめに 「UIAndShader」を Unity プロジェクトに導入することで uGUI で 3 種類のシェーダを使用できるようになります 紹介記事一覧 uGUI の Image で角丸を使用する uGUI で奥行きのある円形のレイアウトを使用する uGUI の Image が分解されるような演出…
はじめに 「UGUIEffect」を Unity プロジェクトに導入することで uGUI で 2 種類のシェーダを使用できるようになります 紹介記事一覧 uGUI で画像を波打たせる演出を実装する uGUI で波に反射するような影を実装する
はじめに 「PolygonalUI」では uGUI におけるレーダーチャートの実装例を見ることができます 実装例 スクリプト 「PolygonImage」コンポーネントで実装例を見ることができます 参考サイト様 http://www.lsngo.net/2017/10/26/unity_polygonalui/
使用例 適用前 適用後 スクリプト 使い方 上記のシェーダファイルを Unity プロジェクトに追加したら シェーダファイルを右クリックして「Create>Material」を選択します 作成したマテリアルを uGUI のオブジェクトに設定します 参考サイト様
使用例 適用前 適用後 スクリプト 使い方 上記のシェーダファイルを Unity プロジェクトに追加したら シェーダファイルを右クリックして「Create>Material」を選択します 作成したマテリアルを uGUI のオブジェクトに設定します 参考サイト様
はじめに 「SoftMaskForUGUI」を Unity プロジェクトに導入することで uGUI でソフトマスクを使用できるようになります 使用例 適用前 適用後 通常 逆マスク 使い方 「SoftMask」がアタッチされたオブジェクトを作成してパラメータを設定します そして、ソフ…
はじめに 「UnmaskForUGUI」を Unity プロジェクトに導入することで uGUI で逆マスクを使用できるようになります 使用例 使い方 シーンのキャンバス内にこのようにオブジェクトを配置します 「Image」と「Mask」をアタッチしたオブジェクトを親にします そし…
概要 「Vectrosity」を使用することでさまざまな線を描画できるようになります この記事では「Vectrosity」を使用して uGUI で破線を表示する方法を書き残しておきます 検証環境 Unity 2017.4.7f1 Vectrosity 5.6 使用例 方法 上記のようなスクリプトを作成…
はじめに https://bitbucket.org/Unity-Technologies/ui/src uGUI のソースコードは Bitbucket で公開されているため、 自分で編集して使用することができます 変更例 https://bitbucket.org/Unity-Technologies/ui/downloads/ 上記のページにアクセスして「…
はじめに 「Unity-SwipeableView」を Unity プロジェクトに導入することで Tinder のような UI を実装できるようになります 使用例（引用） 使い方 public class CardData { public string m_text; public CardData( string text ) { m_text = text; } } カ…
はじめに 「RadialProgressBar」を Unity プロジェクトに導入することで カスタマイズ可能な円形のプログレスバーを実装できるようになります サンプル 関連記事
概要 新しく作成する TextMesh Pro のオブジェクトのデフォルトパラメータは 「TMP Settings」の「New Text Object Default Settings」の欄で設定できます
はじめに 「CharTweener」を Unity プロジェクトに導入することで TextMesh Pro の文字単位で DOTween のアニメーションを実装できるようになります 使用例 使い方 using CharTween; using DG.Tweening; using TMPro; using UnityEngine; [RequireComponent(…
はじめに 重なっている uGUI のオブジェクトを選択しやすくするエディタ拡張を作りました Scene ビューで右クリックすると、マウスカーソルの位置に存在する すべての uGUI のオブジェクトをコンテキストメニューから選べるようになります ソースコード 注意…
はじめに 「unity-ugui-posteffect」を Unity プロジェクトに導入することで uGUI で 8 種類以上のシェーダを使用できるようになります 紹介記事一覧 ブラーを使用する モノクロシェーダを使用する モザイクシェーダ使用する 横方向のパルスノイズを使用する…
はじめに 上記のサイト様が公開されているシェーダを Unity プロジェクトに導入することで UI をうねうねさせることができます 使用例 使い方 上記のシェーダを Unity プロジェクトに導入します シェーダを使用したいマテリアルの Shader を 「BitshiftProdu…
はじめに 「uGUI-Circle-Layout-Group」を Unity プロジェクトに導入することで uGUI でオブジェクトを円形に配置できるようになります 使用例 使い方 空のゲームオブジェクトに「CircleLayoutGroup」をアタッチして 各種パラメータを調整します
はじめに 「Unity-UI-Image-AlphaMask」を Unity プロジェクトに導入することで uGUI でジャギーの無いマスクを使用できるようになります 詳細は上記のブログ様で紹介されいるので、詳しくはそちらをご覧頂ければと思います 使用例 左が Unity 標準の Mask …
はじめに 「BlurringAtlasForUGUI」を Unity プロジェクトに導入することで uGUI でブラーを使用できるようになります 使用例（GIF アニメ） 使い方 Canvas の「Additional Shader Channels」に「TexCoord1」を設定します そして、ブラーを適用したい uGUI …
はじめに 「ParticleEffectForUGUI」を Unity プロジェクトに導入することで Canvas を分けたり Render Texture を使用したりしなくても uGUI 上で Particle System を表示できるようになります 使用例 例えば、上記のように Image と Image の間に Particle…
概要 TextMesh Pro を導入した Unity プロジェクトで、 使用する文字が増えるたびに毎回 Font Asset Creator を開いて Font Asset を作成するのがメンドウだったので、 エディタ拡張で自動化しようとしたのですが、うまくいきませんでした せっかくなので途…
はじめに 「TMProNonAllocUtil」を Unity プロジェクトに導入することで TextMesh Pro で数値を表示する時に GC Alloc の発生を防ぐことができるようになります 通常 using TMPro; using UnityEngine; public class Example : MonoBehaviour { public TextMe…
はじめに 「TextMeshProReplacer」を Unity プロジェクトに導入することで uGUI の Text を TextMesh Pro に置換できます 使い方 Unity メニューの「Text Mesh Replacer」からコマンドを実行できます Replace Current Scene: 現在のシーンのテキストを置換し…
はじめに 「TextMeshProButtonExtension」を Unity プロジェクトに導入することで Hierarchy の「Create>UI」のメニューに「TextMeshPro - Button」を追加できます 使用例
はじめに 「RTL Text Mesh Pro」を Unity プロジェクトに導入することで ペルシャ語やアラビア語のような右から左に書く言語を TextMesh Pro で使用できます 使用例 使い方 Hierarchy の「Create>UI>Text - RTLTMP」を選択して 作成されたオブジェクトで右か…
はじめに TextMesh Pro のサンプルに入っている「WarpTextExample」を使用することで TextMesh Pro のオブジェクトをカーブさせることができます ソースコード 使用例
はじめに TextMesh Pro のサンプルに入っている「VertexColorCycler」を使用することで ランダムに文字の色を変更することができます ソースコード 使用例
はじめに この記事では TextMesh Pro で使用できる 30種類のタグ を紹介していきます 目次 はじめに 目次 テキストの配置 (align) 色 (color) 透明度 (alpha) 太字と斜体 (b, i) 文字間隔 (cspace) フォント (font) インデント (indent) 行の高さ (line-heig…
