UnityのuGUIチュートリアル

前も言ったように、Unityは3Dのツールだというのに2DのUI機能が標準搭載されたが個人的にちょっと不思議に感じるけど、世間的な需要はやっぱり高いんだろうな。今現在売り物にするアプリのUIには、今のデザインパラダイムが実装できないとユーザーに受け入れられない。(少し前はサードパーティ製のnGUIが主力だったね)

というわけで、Unity4.6から標準搭載されたUI開発環境「uGUI」についてちょっと勉強を始める。



リリース前に発表された上記の動画で使われているプロジェクトファイルはAsset Storeで無料配布されている。↓

Unity Samples: UI

In this example project we show various aspects of the new UI system in Unity 4.6.
Examples include:
UI aligned in 3D with perspective.
UI lit by light sources.
Scripts for handling drag-and-drop and for moving and resizing a window.
Placing a RenderTexture in the UI.
A scene demonstrating the built-in auto layout components, including a grid and nested layout groups.

この流れで、3D Textは旧機能みたいな扱いになったのかな。


スポンサーリンク


新しいことを学ぶには資料をたくさん集める派なので、関連書籍も手に入れてみた。↓

UnityゲームUI実践ガイド 開発者が知っておきたいGUI構築の新スタンダード

Canvasという概念が導入されて、レスポンシブなUI配置が手軽に実装できるようになった様子。今個人的に1番知りたいのは、uGUIでのTextの書き換えとか、グローエフェクトが使えるのかどうかなので、レンダラ側での描画順が結構気になるところ。

そして公式チュートリアルもある。こちらはかなりボリュームがあるので、ぼちぼちと行こう。↓


スポンサーリンク

UI LESSONS

Learn the tools you need to create User Interface elements with the Unity UI system new to Unity 4.6.

UI CANVAS

UI RECT TRANSFORM

UI BUTTON

UI IMAGE

THE NEW UI


スポンサーリンク

関連記事

OpenCV
UnityでPoint Cloudを表示する方法
ポイントクラウドコンソーシアム
ヒーローに変身なりきりアーケードゲーム『ナレルンダー』
3DCG Meetup #4に行ってきた
Konashiを買った
Unityの各コンポーネント間でのやり取り
ミニ四駆を赤外線制御したりUnityと連携したり
Raspberry Pi 2のGPIOピン配置
SDカードサイズのコンピューター『Intel Edison』
ミニ四駆で電子工作
Webサイトのワイヤーフレームが作成できるオンラインツール
映画から想像するVR・AR時代のGUIデザイン
JavaScriptのデータビジュアライゼーションライブラリ『D3.js』
Unity ARKitプラグインサンプルのドキュメントを読む
Kinect for Windows V2のプレオーダー開始
リニアアクチュエータ
フルCGのウルトラマン!?
インターフェイスは世界を規定する
UnityのAR FoundationでARKit 3
UnityのGameObjectの向きをScriptで制御する
AR (Augmented Reality)とDR (Diminished Reality)
Unityをレンダラとして活用する
Photogrammetry (写真測量法)
オープンソースハードウェア Arduino (アルドゥイーノ)
OpenCVベースのマーカーARライブラリ『OpenAR』
池袋パルコで3Dのバーチャルフィッティング『ウェアラブル クロージング バイ アーバンリサーチ』
HTML5・WebGLベースのグラフィックスエンジン『Goo Engine』
触れば分かる ユニバーサルデザインな腕時計『The Bradley』
ミニ四駆を改造してBluetoothラジコン化する
日本でMakersは普及するだろうか?
タイミングとクオリティ
1枚の画像からマテリアルを作成できる無料ツール『Materialize』
UnityでLight Shaftを表現する
Math.NET Numerics:Unityで使える数値計算ライブラリ
UnityユーザーがUnreal Engineの使い方を学ぶには?
書籍『OpenCV 3 プログラミングブック』を購入
WordPressの表示を高速化する
ブログのデザイン変えました
大河原邦男オリジナルデザイン『iXine(イグザイン)』
天体写真の3D動画
Unite 2014の動画

コメント