ゲーム開発者へっぽこさん、711ページに及ぶ技術書『Unity uGUI アドバンスド・リファレンス』を無償公開 - ゲームキャスト
ゲーム開発者であり、『Unity 2017最適化ガイド Unityのあらゆるパフォーマンス問題を解決するための手引き』の日本語翻訳を担当したへっぽこさんは、2021年8月28日に技術書『Unity uGUI アドバンスド・リファレンス』を GitHub にて無償公開した。 これは Unity の uGUI （グラフィカルインターフェース制作を助けるツール）を使用するにあたって必要な知識、パフォーマンス改善の手段などをまとめた700ページ以上の書籍。 中級者以上を対象としており、現時点でゲームキャスト向けにゲーム開発者複数人から「この書籍は素晴らしい」という推薦を得たので記事として紹介しておく。 本書が公開されてすでに2日。 ネット上でも、「お金を支払いたい」などの声が上がっており、評判は上々の模様。 本書をゲームキャストに推薦した開発者の中には、「モバイルゲームのパフォーマンスを最適化しよ
【Unity5】uGUIの手前にパーティクル(Particle System)を表示する方法 - Qiita
uGUIでUIを作るとそのままの状態ではUIの後ろにパーティクルが隠れてしまいます。 uGUIの手前にパーティクルを表示する方法でつまづいたので調べて記事にまとめてみました。 ちなみにこの記事で使っているUnityのバージョンは 5.2.1p3 です。 方法1. CanvasのRenderModeを「Screen Space - Camera」にする CanvasのRenderModeを「Screen Space - Camera」にしてRender Cameraにカメラをアタッチ. UIの手前にパーティクルが表示されました。 方法2. CanvasのRenderModeを「World Space」にする CanvasのRenderModeを「World Space」にして、UIがパーティクルの後ろにくるようにUIの位置を調整。 UIの手前にパーティクルが表示されました。 補足 - Par
[Unity]ScrollRectのスクロール周りのEvent発生順の話 - 杏z 学習帳（旧）
Gistの埋め込みスクリプトが正常に動作しないようです。 文脈的になにかコードが表示されるはずなのだけれどなにもない場合はこの問題の可能性があります。 何らかの形でメッセージをいただけたら気づき次第対応しますmm 以前からスクロール周りでバグってるなぁ〜 っていうのがあって、 そこまで致命的じゃないので放っておいたのですが いい加減直そうとおもって調査したのです ってことでScrollRectのお話 （とくにEventまわりね） Unity v5.1.2スクロールが始まる前に、もろもろの初期設定をして スクロール中はそこら辺をつかいつつっていう感じでロジックを組んでました public void OnBeginDrag(PointerEventData data) { // ここでもろもろ初期設定 } public void OnChangedScrollPosition(Vector2
![[Unity]ScrollRectのスクロール周りのEvent発生順の話 - 杏z 学習帳（旧）](https://cdn-ak-scissors.b.st-hatena.com/image/square/3969143c8cba4b8c5a5b3c846c63c8e3545b221c/height=288;version=1;width=512/https%3A%2F%2F64.media.tumblr.com%2Favatar_e504f1ed6ed3_128.pnj){kind=avatar}
uGUIで台形を表示する
uGUI…というか3Dで2Dの描画するときの鬼門の一つに台形があります。 表示してみればわかりますがテクスチャが変になります。 この記事では上底と下底が並行な台形(平行四辺形含む)に絞った描画方法を模索しています。 そうでない頂点が自由な四角形はこの記事の方法ではキレイに描画できません。 とりあえずuGUIで台形描画してみる まず何も考えずに台形描画してみます。 これが こうなります。 明らかにUVがおかしいです。 UVがどう指定されているのかを分かりやすくするためにUV値を視覚化するとこうなります。 UVの値を色として表示しています。 ただそれだけだとなめらかすぎてわかりにくいので10段階に階層化しました。 こうしてみると三角ポリゴンの境目でUの値がくっきりしているのが分かります。 それに対してVの値は特に問題なさそうです。 この原因は単純です。UVの補間が三角ポリゴン単位で行われている
uGUIで自由なメッシュを表示する
この記事は uGUIで自由なメッシュを表示する(5.0)とuGUIで自由なメッシュを表示する(5.3) この2つの記事を統合したものです。 UnityのuGUIはImageやRawImage等単一スプライト... Graphic uGUIではGraphicクラスを継承しているものがCanvasRendererの描画対象になります。 このGraphicクラスを自分で継承してカスタマイズすることで好きなものを描画することが出来ます。 このクラスで特に重要なものがOnFillVBOとmainTextureです。 まず継承する まずはGraphicを継承したクラスを用意します。 using UnityEngine; using UnityEngine.UI; using System.Collections.Generic; [RequireComponent( typeof( CanvasRen
【Unity】uGUIの自動レイアウトが分かりにくいと評判なので解説してみる - テラシュールブログ
uGUIには自動レイアウトなシステムが積まれています。ただ、このシステム便利ではあるんですが色々と複雑なので、少し補足です。 UIの大きさを動的にフィットさせる、オートレイアウト UIの大きさはLayoutElementで決まる Minは最低限サイズ、Preferredは変化するサイズ、Flexibleは余りを割合で レイアウトプロパティの確認はInspectorビューで UIを並べるだけでなくサイズも変更するLayoutGroup LayoutGroupは子のLayoutを親に伝える Control Child Sizeは子のLayoutを元に子のRectTransformを変更する Control Child SizeがFalseの場合、RectTransformのサイズをLayoutに使う Control Child Sizeによるリサイズは親より大きくならない Child Forc
UI inputfield caret position wrong when midline alignment
When I set the vertical alignment of text in UI.inputfield as middle, the cursor (or caret) is still at the top of the text field. . I checked the InputField Input Caret object which is automatically instantiated in the playmode, but it has only Rect Transform component. To match the caret position to where text appears, I have to manually move the Inputfiedld Input Caret object during the play. I
【Unity】uGUIよりも手前に3Dオブジェクトを配置したUIを作る - 藍と淡々
こんにちは(ી(΄◞ิ౪◟ิ‵)ʃ) 今開発中のゲームで、少し躓いたところがあったので、一応メモ(?)しておきます。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ この記事を書いた時のバージョン（Mac） ・Unity 5.2.2f1 PersonalEdition ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 自分はUIにuGUIを使用しているのですが、uGUIによりも手前に3Dオブジェクトを配置したい場所がありました。 しかし、どうしてもUIが手前に表示されてしまい、どうしたらよいかわからない。。 具体的にはこんな感じ。 ↓この黒いUIの裏で回転しているキャラクターを、UIの前に表示させたい。 そこで色々調べたところ、Canvasの設定を少し変えるだけでできました！( ✧Д✧) ｶｯ!! ①まず「Canvas」のRender Modeを「Screen Space - Camera」に設定。 ②Re
UnityのuGUIのクリック範囲を広げたり制限したりする方法 - テラシュールブログ
Unityのボタンは画像の範囲でクリック判定を行います。 この範囲は基本的にGraphicクラスが表示されている範囲に適応されます。要するに「画像が表現されている範囲（の四角）」に適応されます。 この当たり判定の範囲を絞るには、ICanvasRaycastFilterを使用します。この範囲を設定することで、実際に当たり判定が発生する範囲を限定することができます。 例えばボタンの当たり判定を円形にくりぬくような場合、以下の様なコードが使用できます。 円形当たり判定のボタン 逆に当たり判定の範囲を広げる場合、以下のコードが使用できます。 このコードは単純に画像を描画せずGraphicの当たり判定の範囲だけを使用します。 GraphicRaycasterの当たり判定だけを使う このコードをImageの変わりに設定し、Buttonの子オブジェクトに設定すると、RectTranformのサイズをボタ
【Unity】「FancyScrollView」を公開しました - setchi’s blog
高度に柔軟なアニメーションを実装できる汎用のScrollViewコンポーネントです。 無限スクロールも対応しています。 github.com 以下ほぼ README のコピペです 導入 Unity 2017.1.0 (C# 6.0) 以降が必要です。このリポジトリを Clone するか、 Asset Store からプロジェクトにインポートしてください。 サンプル FancyScrollView/Examples/Scenes/ を参照してください。 サンプル名 説明 01_Basic 最もシンプルな構成の実装例です。 02_CellEventHandling セルからのイベントをハンドリングする実装例です。 03_InfiniteScroll 無限スクロールの実装例です。 04_FocusOn ボタンで左右のセルにフォーカスする実装例です。 仕組み FancyScrollView はセル
テキストの表示 – uGUIチュートリアル
なお、表示する文字列がTextエレメントの領域からはみ出た時の挙動の設定は後ほど説明するHorizontal OverflowおよびVertical Overflowプロパティで設定します。 Fontプロパティ Fontプロパティには表示する文字に使用するフォントを指定することができます。初期値のままだと使用しているプラットフォームのシステムフォントが使用されるので、プラットフォームごとに文字の見た目が異なる場合があります。Fontプロパティに設定するフォントはアセットとしてインポートしておく必要があります。 Font Sizeプロパティ Font Sizeプロパティは表示する文字の大きさを設定します。 ダイナミックフォントの文字を大きくしたい場合はRect TransformのスケールではなくFont Sizeプロパティで設定したほうが綺麗に描画されます。
UnityのuGUIでボタンと一緒に後ろのオブジェクトが押されないようにする - テラシュールブログ
UnityのuGUIのボタンを押した際、背面にあるオブジェクトも一緒に押されるケースの対策について紹介します。 これを回避するには、EventSystems.EventSystem.IsPointerOverGameObjectでボタンを選択中か判定し、選択中なら押さない事にする…といった形で修正します。 gist.github.com なおEventSystems.EventSystem.IsPointerOverGameObjectの引数なしはマウス判定、引数ありはタッチ入力用です。 あと2つくらい対策があったのですが、それを紹介していた動画を忘れてしまい、自分も対策らしい対策が思いつかないので、とりあえずコレだけ紹介します。
【Unity】【uGUI】Screenの座標とWorld（3D）座標の変換について - テラシュールブログ
HUDのように、UIをキャラクターの上に表示する方法について、少し悩んだのでメモします。 World SpaceとScreen Spaceについて World座標をUIの座標へ変換する World Space を Screen Space Overlayへ World Space を Screen Space Cameraへ World SpaceをWorld Spaceへ ScreenSpace Overlayを他の座標系へ変換する UIの座標をWorld Spaceに変換する 関連 World SpaceとScreen Spaceについて UIを考える場合、二つの座標系について考える必要があります。つまりWorld SpaceとScreen Spaceです。 World spaceは3D空間上の座標で、XYZで指定します。この座標は世界の中心点（x:0, y:0, z:0）を基準にした
Unity で実行時に補完付きで REPL を行うプラグインの複数行対応をした - 凹みTips
はじめに 以前公開した uREPL という Unity で実行時に C# のコードや予め登録したコマンドを実行するプラグインのアップデートをして、複数行編集に対応しました。 以前の記事はこちらです。 tips.hecomi.com 本エントリではちょっとした紹介と、備忘録として苦労した点を書いておきます。 デモ ダウンロード GitHub - hecomi/uREPL: In-game powerful REPL environment for Unity3D. Releases · hecomi/uREPL · GitHub リリースページより unitypackage をダウンロードして展開した後、Hierarchy の Create > Create Other > uREPL で配置すれば使えます。テスト用の コマンド 以前の記事でも紹介しましたが、uREPL.Command アト
UIの頂点をカスタムする～ModifyVertices、ModifyMeshのバージョンアップ対応～ | Unity用ビジュアルノベルツール「宴」
投稿日:2016年1月5日 | 最終更新日:2024年5月26日 2015年のUniteでuGUIのUIの頂点をカスタムする拡張スクリプトの書き方の例として、「太いアウトラインを表示する」スクリプトの書き方を発表しました。詳しくはこちら 宴にも組み込まれている「RichOutline」コンポーネントです。 UIの頂点をカスタムする際の要点としては、「ModifyVerticesをoverrideすればUIの頂点が自由にカスタムできる」ということだったのですが、その後のUnityのバージョンアップでModifyVerticesが使えなくなってしまいました。 しかも、Unity5.1以前、Unity5.2.0、Unity5.2.1以降で微妙に書き方が違うため、けっこう面倒なことになっています。 ･･･というわけで、Unityのバージョンアップに対応したスクリプトを公開します。 using Un
uGUIのレイアウトを理解する 〜 多種解像度対応 : Canvas Scaler - いんでぃーづ
1 2 3 4 前回まででRect Transform の数値の見方が分かりました。 が、アンカーの位置は相対値、要素の位置は絶対値で決めているため、画面の大きさが変わった場合に見え方が変わってしまうという問題があります。 実際に見てみましょう。 ※モバイルのほうが分かりやすいのでAndroid端末で例を出します。 前回の配置をUnityのゲームビューで見ると、下図のようになっています。 ゲームビューの解像度は 800 x 1280 です。 これを実機（SHARP SHL25、解像度 1920 x 1080）で実行すると下図のような表示になります。 一目見て分かるとおり 半透明の領域に対する白いボタンが占める領域 各領域の四隅の丸み テキストのサイズ など明らかにズレが生じているのが分かります。 これは、要素の位置関係をピクセル単位の絶対値で表しているため、高解像度の端末では数値が小さくな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Unityでパフォーマンスの良いUIを作る為のTips
http://naochang.me/?p=615
Unity UGUI 原理篇(五)：Auto Layout 自動佈局
きれいなアウトラインをつける : FreelyApps