テラシュールブログ

旧テラシュールウェアブログUnity記事。主にUnityのTipsやAR・VR、ニコニコ動画についてのメモを残します。

GUI(uGUI/NGUI/旧UI)

UnityのuGUIで無限にスクロール出来るスクロールビューを作る

使い方 アイテムの内容調整 制限付きスクロールビューのやり方 以前UnityのuGUIでスクロールビューを作る方法を紹介しました。 UnityのuGUIでスクロールビューを作る - テラシュールブログ UnityのuGUIでスクロールビューを作る - テラシュールブログ 今度は…

フォントに含まれない文字を使うときの動作

UnityはテキストのフォントとしてArialやその他ttfフォーマットのフォントを使用して文字を表現します。しかし、この手のフォントには全てのフォントは含まれていません。 そんなときの挙動として、Unityはフォールバックしてデバイスに含まれるフォント(所…

UnityのuGUIのテキスト表示機能について解説してみる

UnityのuGUIでテキスト表示の扱いについて解説します。 目次 目次 Textの機能 文字のエフェクト 自動改行と禁則処理 フォントサイズと描画範囲 フォントがぼやける問題(uGUIの場合) Textの機能 TextはuGUIでテキストを表示する機能です。 作成するには、以…

Unityの新GUI、UGUIのイベント制御について

Unityの新GUIシステム、(通称)UGUIのイベント制御について紹介します。 エディタのGUI上での設定 ソースコードでの操作 エディタ操作をスクリプトで設定 参考 関連 エディタのGUI上での設定 UGUIのボタンのコールバックは、AnimationEventのようにオブジェ…

UnityのuGUIのレイアウト調整機能について解説してみる(RectTransform入門)

uGUIのレイアウトシステムの調整機能…の基礎であるRectTransformの調整についてについて解説します。今回はGUIで触れる範囲。 目次 目次 Pivot(中心点)の設定 Pivotを動かす Pivotの挙動 Anchorの設定 アンカーとUIのサイズ 画面サイズ(親サイズ)とアン…

UnityのuGUIでスクロールビューを作る

Unity4.6で追加したuGUIでスクロールバーを作る方法について紹介します。 大体こんな感じのスクロールバーを作ります。 作り方 まず、リストに表示するノードのプレハブを用意していきます。 適当な横長のImageを用意します。名前はNodeとします。 左の方に…

uGUIのアスペクト比を固定する(修正版)

以前uGUIのアスペクト比固定方法について記載しましたが、バージョンアップに伴い方法が変更されていたので新しい方法を書いておきます。 アスペクト比の固定 アスペクト比の固定は所謂レターボックスと呼ばれる手法を使用します。また、厳密にはアスペクト…

uGUIでノベルゲームのようなものを作る、その1 UIの表現と文字表現

uGUIを使ってノベルゲームというか会話シーンを作る方法を紹介していきます。 実際は「宴」とか「ジョーカースクリプト」とか使うお勧めです。 というか、この記事は「手軽にノベルゲームとかRPG作るとか言うけど、その手のシステムをスクラッチするのは簡単…

Unity 4.6リリース、ねんがんのUIシステムをてにいれたぞ!

Unity の 新UIを搭載したUnity 4.6がリリースされました。 最大の変更点は「新UI(通称uGUI)」が搭載された事ですが、それ以外にも色々と修正が入っているみたいです。 <a href="http://unity3d.com/unity/whats-new/unity-4.6" data-mce-href="http://unity3d.com/unity/whats-new/unity-4.6">Unity - What's new in Unity 4.6</a> Unity - What's new in Unity 4.6 その目玉機能のUI…

Unityのゲームにスマホ向けなバーチャルパッドを追加する

Unityで取り敢えずゲームを作る過程で「Input.GetButton」系を使用している場合でも、タッチパネルに対応する方法を紹介します。 今回もSample Assetsシリーズです。 新 Standard Assets候補、Sample Assets (beta) - テラシュールブログ 新 Standard Assets…

UnityのuGUIのUIにシェーダーを適応する

uGUIのUIは今までのUIと違い、独自のシェーダーを適応することが出来ます。例えば、下のように「y軸で縞模様を作る」のようなエフェクトを付与・動的に変更する事が出来ます。 やり方は単純です。 まずUnity 4.6のダウンロードページからBuilt-in Shaders fo…

AssetStoreの2D素材

今回はAssetStoreに2D素材についてです。 知らないのか使い方が分からないのかは判断出来ませんが、活用せず適当なGUIを使用している人が結構居る気がするので、今回はそのアセットの探し方について紹介します。 「それなりのゲーム」に見える指標の一つに間…

スプライトにエフェクトを付ける

uGUIでは、文字にアウトラインや影を付けることが出来るようになりました。 やり方は簡単で、Textコンポーネントと同じオブジェクトにAddComponentで「UI>Effects>Outline」や「UI>Effects>Shadow」を追加するだけです。 実はコレ、文字じゃなくても使えます…

uGUI の 使い方(β) 〜Canvas周り〜

※この記事の内容は古い(ベータ版のみ有効)です。 新しい方法 uGUIのアスペクト比を固定する(修正版) - テラシュールブログ uGUIのアスペクト比を固定する(修正版) - テラシュールブログ uGUIの使い方について紹介します。*1 今回はキャンバス周りにつ…

Unity 4.6オープンβスタート。新GUI「uGUI」の試用が可能に

Unity の新UIシステムである(通称)uGUIが追加された最新のUnity 4.6オープンβが開始されました。 Unity - Beta - Unity 4.6 使い方については、チュートリアルが提供されています。 チュートリアルでは、ボタン・テキスト・レイアウトといった基本的な機能…

Unityの複数解像度の表示結果を一覧で確認する…の使えない方

今日は全く何の役にも立たないTipsを紹介します。 ゲームを開発していると、複数の解像度を使用したくなるケースがあります。例えば、縦画面と横画面を同時に開発している際、どのように動くか等です。 実はこんな事ができたのです。 やっている事は単純で、…

Unityでアスペクト比率を固定する

n番煎じですが、Unity/基本形/025 画面のアスペクト比を固定にする や Unity そのアスペクト比を固定するぞ・・・っ! を参考にアスペクト比率を固定するスクリプトを作成した。他と違うのは、背景を塗りつぶすようのカメラの配置を自動化している点だけです…

Unityの3D Textで文字が滲む問題の対策(修正版)

Unityで3D Textを使用する場合、文字が若干滲む事がある。特にUnityを初めて使った人が3D Textを使った場合は、何も考えず滲んだままの文字が表示されている。 2lt_frost CharacterSizeのパラメータを小さくしてもScaleを小さくしたのと同じ効果があるので、…

Unityの3D Textで文字が滲む問題の対策

修正版をアップしました Unityの3D Textで文字が滲む問題の対策(修正版)追記 どうもこの記事を「uGUIのText表示」で来る人が多いみたいですが、この記事は3D Text用です。 uGUI(UI)のテキストはこちら。 tsubakit1.hateblo.jp Unityで3D Textを使用する…

Unityのテキストにアウトライン(縁)を付ける

今ならTextMeshPro使ったほうが良いかも ふと思いついたので試したら上手く行ったので紹介。今回は割と強引な方法で3DTextのテキストにアウトラインを追加した。行った事はシンプルで、左・右・上・下・右上・右下・左上・左下の方向へ数ドットずらした色違…

Unityの新GUI、uGUIはどうなる?こうなる!

Unityの次期バージョン、Unity 4.6から待望のuGUIが搭載される。uGUIについてはUniteのセッションで既に紹介されていたが、さらに先日、追撃の紹介ビデオが公開された。しかし、約30分もあるビデオなので見るの面倒! なので情報を少しまとめてみた。絵は動…

「宴」実装時に得られたUnityプログラムノウハウ

「宴」実装時に得られたUnityプログラムノウハウ from Ryohei Tokimura 概要 • Unityにおけるプログラム一般( C# ) • これが重要!どうやって探して、どこに渡す? • シリアライズ •コルーチン • エディタ拡張 •より具体的なプログラムについて • 2D • 画…

new GUIはUnity 4.6で来る

Unity5が発表され、周りはUnityのWebGL対応に大騒ぎ。ただ、もう一つ重要な事がある。@LilUnDead We still have 4.5 & 4.6 to go before 5. 4.6 is for GUI— Unity Technologies (@unity3d) 2014, 3月 18 4.6 is for GUI(4.6はGUIの為) 4.5 & 4.6 to go be…

高性能なGUI系アセットのNGUIが無料で使用可能に

UnityのGUI系アセットで代表的なアセットのNGUIは、最近3.0にアップデートした事やuGUI等の事もあり、旧バージョン(NGUI 2.7)を無料で利用可能にしたらしい。今回公開したアセットは、広告(ゲーム左上にあったロゴ)も無くソースコードはオープンと、実際…

Unite2014

今年もUnite2014を4月7〜8でやるとの事。Unite2014セッションも一部公開となり、中々面白そうなセッションが揃ってきています。 個人的に気になるセッションはコレ。Unityで コンソールタイトルを移植する 〜ドラゴンクエストVIII移植から学ぶ、大規模開発テ…

面倒なスクロールビュー作成が簡単になってた

NGUI 3.0.6でスクロールビューの作り方が変わり、凄く作りやすくなっていた。現在の作り方の手順は、こんな感じ。NGUI->Create->2DUIで2DUIを作成する。(既にあるなら不要)NGUI->Create->ScrollViewでscrollviewを作成、AddComponentでScrollViewコンポー…

Unity2 dとnew guiについて

Unity2Dで大分2D系が高速になったって話。 Unity2 dとnew guiについて from Keigo Ando newGUIの話はあってないようなもの。

ダイスふる制作レポート Unityでアプリ個人開発

ダイスふるの制作レポート 内容はマネタイズの方法や苦労した点などがまとめられている。 これから始める人は一度読んでおくと幸せになれるかもしれない。話してる内容は下記の通り。・プロモーションについて ・ランキング操作について ・マネタイズについ…

セカンダリカメラの位置を表示位置を調整する

NGUIでスクロールビューを実現するための第一歩。 まずはセカンダリカメラを制御して、スクロール可能なビューを準備する。[Unity3D]複数のカメラを使ってみる http://terasur.blog.fc2.com/blog-entry-153.htmlデモ http://bit.ly/Lq3R0G■NGUI流・セカンダ…