uGUI 描画優先度のチートシート
皆様，こんにちは！ 株式会社Aiming の 土井と申します！ リードソフトウェアエンジニアをやっております！ ここ数年は，業務で Unity の uGUI を使って UI 開発をする機会が多いのですが、 Order in Layer, Sorting Layer, ヒエラルキ上の並び順……(つд⊂)ｺﾞｼｺﾞｼ Unity では重なり順を指定する項目が多いですよね。 これらの項目間の優先度が実際にどうなっているのか理解していなかったため、調査を兼ねてチートシートを作ってみました！ 描画優先度を指定するものを列挙してみた Canvas の Screen Space 設定 Order in Layer SortingLayer Camera の Depth 値 Material の RenderQueue ヒエラルキ(Hierarchy) 上の親子関係・兄弟関係 座標の Z 値 どうやらこれ
UnityでuGUIのモンキーテストを自動的に行わせる - Qiita
モンキーテストって？ https://www.google.co.jp/search?q=モンキーテスト なんかぐぐってみると思ったより皆が飼ってるサルは賢いんだなぁと思うのですが、ここでいうモンキーテストは「適当にランダムなボタンを押す」ことです。 どういうこと？？ スクリプトが勝手に画面に見えている押せるボタンをランダムで押したり、スクロールをガチャガチャやってみたりしてくれます。 百聞は一見にしかずということで動画を取ってみました。 https://www.youtube.com/watch?v=nO27t4djuBE 何の役にたつの？ エラーが発生するまで適当にボタンを押し続けてくれることで、想定していなかった挙動や、画面遷移を発見することが出来るかもしれません。 やってみたい！ コードはgithubに上がってます。 TestRunner->PlayModeでRunAllすると、モ
【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
【Unity】uGUIでスプライトアニメーションするには - テラシュールブログ
uGUIでスプライトアニメーションを行う方法についてです。 難しい事は全くないのですが、気づかないと分からないかもしれないので、一応ここに書いておきます。 下のGIFはキャラクターアニメーションをuGUIで行って居るので影付けたりアウトライン付けたり、キャラの位置を画面端とか置いたり、そういったことが簡単に出来ます。 uGUIでスプライトアニメーション アニメーションの制御 関連 uGUIでスプライトアニメーション uGUIでスプライトアニメーションを行う場合、SpriteRendererのアニメーションと同じような感じでスプライトをアニメーションに登録すればOKです。 ただしuGUIのImageとSpriteRendererでは若干手順が異なります。 uGUIのスプライトアニメーションを作るには、まずはAnimationClipを作成します。Animationウィンドウを（メニューバー>
VR Gaze Input
As VR developers we almost all need a UI system where the user can look at something and action it, such as a button. With Unity’s new UGUI (in 4.6 and 5) it finally makes it easy to build great world-space UI for input by mouse. But it doesn’t have anything out of the box for VR because it does not support a look-based input method (look at and object and press a key/button to select), or a gaze-
New Unity UI + OVR Look-Based Input HOWTO
LookInputModule.jpg Edit6: version 5 of example project/code: https://www.dropbox.com/s/g8ptl7w9xdewp ... 5.zip?dl=0 Version removed old Oculus integration and uses Native VR support + 0.1.2 utils so it works with latest runtimes (0.7 or 0.8). Edit5: version 4 of example project/code (fixed for and tested with Unity 4.6.4f1): https://www.dropbox.com/s/3bpz5rgimbxdk ... 4.zip?dl=0 This version also
Unityの2DやuGUIのパフォーマンス最適化についての7つのTips - テラシュールブログ
最適化というか、改善する話です。 モバイル向けに作った時に妙に遅かった場合、この辺りの要因が絡んでいるケースが多い印象です。この辺りは作る際に確認しながら作ると、後々痛みが少なくて良いかなと思います。 目次 目次 プロファイラで確認する エディタ上で動かすプロファイラの注意点 メソッド毎の負荷について DrawMeshを抑える バッチングされない謎の理由 バッチングしやすくする為には フィルレートに気をつける よくあるフィルレートで死ぬパターン フィルレート対策 uGUIにおけるフィルレート対策 Unity 2Dにおけるフィルレート対策 解像度を下げる ゲーム画面は低解像度、UIは高解像度 バッチについて注意すべき事 フォントの扱いについて テクスチャ更新時のスパイク 2つの対策 UIを動かす（変形させる）コストについて 物理演算について その他… VSYNCについて Tweenとか Pi
Unity ゲームUI 実践ガイド
第1章 - GUI制作ツールとしてのUnity まずはUnity UI (uGUI) の概要の理解からスタートしましょう！ 基本機能の解説や、今までUI構築のスタンダードとして広く使われていたNGUIとの比較、 また優れたUI構築を行うためのヒントなどを紹介して行きます。 第2章 - uGUIでUIデザイン 基礎編 続いてはワークフローを理解し、実制作に即したチュートリアルを進めてみましょう！ プレイヤーとなるキャラクターをカスタマイズする一般的な2DのUI、 Mecanimとの連携や拡張スクリプトの例としてドラッグ＆ドロップできるゲーム風のUI、 3D空間上でのUI配置やそれを2Dに置き換えるノウハウなどを盛り込んだUIと、 3種類のチュートリアルを通してuGUIの基本的な扱い方を解説します。
UnityのuGUIのクリック範囲を広げたり制限したりする方法 - テラシュールブログ
Unityのボタンは画像の範囲でクリック判定を行います。 この範囲は基本的にGraphicクラスが表示されている範囲に適応されます。要するに「画像が表現されている範囲（の四角）」に適応されます。 この当たり判定の範囲を絞るには、ICanvasRaycastFilterを使用します。この範囲を設定することで、実際に当たり判定が発生する範囲を限定することができます。 例えばボタンの当たり判定を円形にくりぬくような場合、以下の様なコードが使用できます。 円形当たり判定のボタン 逆に当たり判定の範囲を広げる場合、以下のコードが使用できます。 このコードは単純に画像を描画せずGraphicの当たり判定の範囲だけを使用します。 GraphicRaycasterの当たり判定だけを使う このコードをImageの変わりに設定し、Buttonの子オブジェクトに設定すると、RectTranformのサイズをボタ
UnityのuGUIのテキスト表示機能について解説してみる - テラシュールブログ
UnityのuGUIでテキスト表示の扱いについて解説します。 目次 目次 Textの機能 文字のエフェクト 自動改行と禁則処理 フォントサイズと描画範囲 フォントがぼやける問題（uGUIの場合） Textの機能 TextはuGUIでテキストを表示する機能です。 作成するには、以下の操作を行います。 Hierarchy>Create>UI>Text (もしくはメニューバー>GameObject>UI>Text ) あとはTextの内容を差し替えることで画面にテキストを表示出来ます。またFontに自前のフォントを指定してフォントを変更したり、Font Sizeで文字を大きくしたり、Line Spacingで行間の幅を指定する事ができます。 文字の位置はAlignmentで決定します。テキストの位置を行の頭に合わせるか行末に合わせるか、またテキストの初期座標を範囲の真ん中にするか範囲の上にするか
Unityの新GUI、UGUIのイベント制御について - テラシュールブログ
Unityの新GUIシステム、（通称）UGUIのイベント制御について紹介します。 エディタのGUI上での設定 ソースコードでの操作 エディタ操作をスクリプトで設定 参考 関連 エディタのGUI上での設定 UGUIのボタンのコールバックは、AnimationEventのようにオブジェクトのメソッドを呼び出すことが出来ます。 例えばUI>ButtonでButtonを作った際も、下のようなインターフェースが設定されています。このインターフェースの「＋」をクリックし、操作したいGameObjectをドラッグ＆ドロップして登録、最後にメソッドを選択すればOKです。これでButtonをクリックした際に、登録したイベントが呼ばれます。 uGUIでボタンのクリックイベントを取得 - チラ裏Unity またクリック以外の操作もEventTriggerをアタッチする事で設定することが出来ます。EventTri
uGUI の画像部分のローカライズ処理の一案 - 強火で進め
昨日開催された、「【年末だよ】Unity お・と・な のLT大会2【ポロりもあるよ】」の会場での会話で、 uGUI の画像部分のローカライズ処理をどうするかという話が出て、自分は「国コード(正しくは言語コードですね(^_^;))を使ってフォルダ分けして読み込めばできません？」と回答しました。 まぁ、その方法で大丈夫だとは思いますが念の為に検証してみました。結果を先に言うと上手く行きました。 サンプル サンプルをこちらにアップして有ります。 サンプルの内容としてはシーンの読み込み時に Button の画像を現在のシステムに設定してある言語に合わせた画像に差し替えるというものです。 システムの言語の設定が日本語の場合には「開始」という画像、英語の場合には「START」という画像が使われます。 実装方法 実装方法としては Resources フォルダに以下の様な構成でファイルを準備。 デフォルト
UnityのuGUIでスクロールビューを作る - テラシュールブログ
Unity4.6で追加したuGUIでスクロールバーを作る方法について紹介します。 大体こんな感じのスクロールバーを作ります。 作り方 まず、リストに表示するノードのプレハブを用意していきます。 適当な横長のImageを用意します。名前はNodeとします。 左の方にアイコン（Image）、真ん中にテキスト（Text）)、右にチェックボックス(Toggle)を配置します。これらは全てNodeの子オブジェクトとして配置します. NodeオブジェクトにLayoutElementコンポーネントを追加します。 LayoutElementのMinHeightにノードの高さ（Height)を指定します。 作ったノードはプレハブにします（ProjectビューへD&D） 次にスクロールビューを作ります。 Canvas以下のパスにGameObjectを作ります（Create Empty Child等で）。 名前
uGUIのアスペクト比を固定する（修正版） - テラシュールブログ
以前uGUIのアスペクト比固定方法について記載しましたが、バージョンアップに伴い方法が変更されていたので新しい方法を書いておきます。 アスペクト比の固定 アスペクト比の固定は所謂レターボックスと呼ばれる手法を使用します。また、厳密にはアスペクト比の固定ではなく想定解像度の設定による複数解像度の対応を行います。 この機能であれば複数のアスペクト比だけでなく複数の解像度にも対応することが出来ます。最近の解像度は「600x800から2160x3840」まで非常に幅が広いので（そのくせ画面サイズはそこまで変わらずっていう）物のサイズがリアル解像度に依存しないこの方法は若干使えます。 設定方法 設定方法を紹介します。と言っても、実は先日のuGUIでノベルゲームのようなものを作る。その１で紹介しています。 メニューバー>GameObject>UI>Panel で、UIのベースを作成します。 作成したC
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Unity Blog
Unity Blog
解决ugui中Image使用iTween的ColorTo、ColorFrom等不生效 - YYRise - 博客园
GitHub - InvexGames/MaterialUI: MaterialUI is a UI kit for Unity that follows Google's official material design guidelines.