今回はuGUIのImageとSprite Rendererの使い分けについてメモします。 ImageとSprite Renderer Sprite Rendererの振る舞い uGUI Imageの振る舞い 最適化に関するアプローチの違い SetPassの削減に関する振る舞いの比較 フィルレート・オーバードロー削減に関する振る舞いの比較 大量に描画した時と動かした時の振る舞いの比較 つまり、どのように使い分けるべきか Tips 関連 ImageとSprite Renderer Unityで2Dの絵を簡単に出す方法として思いつくのが、Sprite Rendererのような2D機能を使用する方法と、uGUIのImage系の機能を使用する方法です。 どちらも「テクスチャを表示する」という振る舞いなので、画面に表示したようなケースでは、全く見分けが付きません。 では、どちらを使っても良いのかと言わ

uGUIでスプライトアニメーションを行う方法についてです。 難しい事は全くないのですが、気づかないと分からないかもしれないので、一応ここに書いておきます。 下のGIFはキャラクターアニメーションをuGUIで行って居るので影付けたりアウトライン付けたり、キャラの位置を画面端とか置いたり、そういったことが簡単に出来ます。 uGUIでスプライトアニメーション アニメーションの制御 関連 uGUIでスプライトアニメーション uGUIでスプライトアニメーションを行う場合、SpriteRendererのアニメーションと同じような感じでスプライトをアニメーションに登録すればOKです。 ただしuGUIのImageとSpriteRendererでは若干手順が異なります。 uGUIのスプライトアニメーションを作るには、まずはAnimationClipを作成します。Animationウィンドウを（メニューバー>

最近シーンビューのオブジェクトを選択しようとした際、何故か上手く選択できないケースが発生しました。 これはどうやらCanvasを選択してしまっている為に発生していました。Hierarchyビューをよく見ると、ボールを選択したつもりがCanvasがアクティブになっている事が分かります。 この問題はCanvasのOverlayモードの起点が(x:0, y:0, z:0）にある事が原因のようです。しかし、この座標は変更できません。 自分の行っている対策 手っ取り早い解決方法は、Canvasの座標を変更することです。ですがOverlayは変更することが出来ないので、ScreenSpaceモードを使用します。 これで、カメラの位置へUIが移動してくれるので、入力ミスの発生を減らすことが出来ます。ただしカメラがもう一台必要になるため管理が面倒くさくなる等の問題が有ります。 もう一つのアプローチは、自分

今回はAssetStoreに2D素材についてです。 知らないのか使い方が分からないのかは判断出来ませんが、活用せず適当なGUIを使用している人が結構居る気がするので、今回はそのアセットの探し方について紹介します。 「それなりのゲーム」に見える指標の一つに間違いなく「GUI」があるので*1、この項目はAssetStoreなりフリー素材なりを使ってしっかり作った方が良いです。 GUI系素材 AssetStoreのGUI系素材は、「テクスチャ＆マテリアル」カテゴリの「GUIスキン」や「アイコン＆UI」から見つける事ができます。 GUI系は（大抵NGUIを前提としてますが）UIの組み方サンプルもあるので、組み方を覚えようと思った人にも役に立つ場合があると思います。 また、フォントも「テクスチャ＆マテリアル」の「フォント」から見つけることが出来ます。大体英語のみとなりますが、割とクールな物が多いので

UnityのGUI系アセットで代表的なアセットのNGUIは、最近3.0にアップデートした事やuGUI等の事もあり、旧バージョン（NGUI 2.7）を無料で利用可能にしたらしい。 今回公開したアセットは、広告（ゲーム左上にあったロゴ）も無くソースコードはオープンと、実際にAssetStoreで販売していた物とほぼ同じもののようだ。 ただし幾つかの制限もある模様。フォーラム等でのサポートはしないよUnityfreeと同じようにインディのみ無料版使ってね2.7x系は3系のように合理化されてないよ少し古いとはいえ、殆どのゲームはこのバージョンで作れれてきているので機能的には文句なし（OnGUIより高性能だし）。無料で使用可能になったことでゲームジャムやインディがGUI周りで困ることを回避できそうだ。 ダウンロードは公式サイトのページから行える。 NGUI: Next-Gen UI kitにアク

iOS向けにビルドする際に、見慣れないエラーメッセージが表示された。 An asset is marked as dont save, but is included in the build. 自分ではアセットに対して保存を禁止するような設定はしていなかったのですが・・・。 原因はNGUIラベルのフォント設定 プロジェクトにはNGUIアセットを追加して、ラベル付きのボタンを作成していました。スプライトとラベルから成る単純なものです。 ラベルのフォント指定は、「Lucida Grande」「Dynamic」。Fontをクリックした時に表示されるSelect a Fontから選択しました。LucidaフォントはNGUIアセットを追加した際に利用可能になったものだと思います。 エラーの原因は、このフォントの設定でした。「Arial」「Dynamic」に設定したところ、エラー無くiOS向けのビル

NGUIというUnityで使えるアセットを以前安売りをしていた時に買っていたので、今月からちょっとづつ触っています。 しかし、NGUIは最近バージョンが3.0に上がったみたいで、大分やり方が変わっています。 しかも、日本語の情報源が少ない。 という分けて、とっかかりとして何から始めたらいいのか悩んでいます。 今回は、このNGUIの基本チュートリアルの動画がありましたので、これを紹介します。

株式会社ハルシオンシステムのメンバーが送る、UnityやらJavaやらの技術的話題から、自社開発のアプリの宣伝とかとかのブログです。ほんと気ままにいきたいと思います。更新日は毎週　月　木でっす！ 明けましておめでとうございます。 新年早々肩が壊れた気がする大坂です。 今年一発目からネタがありません！ 常日頃から意識しないとだめですね。 ということでNGUIの基本操作・・・というかWidgetの紹介。 ちらっと見ていてPopup Listというのがあったので今回はこれを。 UIを作成し、WidgetWizard(NGUI⇒Open⇒Widget Wizard)を開きTamplateのリストから「Popup List」を選択する。 まぁこれでほとんど終わりなのですが、もうちょっとだけ説明を。 とりあえずHierarchyの構成はこんな感じになります。 Inspectorの画像も。UIPopup