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

関連記事

Maya LTのQuick Rigを試す

Zibra Liquids:Unity向け流体シミュレーショ...

3Dモデルを立体視で確認できるVRアプリを作っている

フルCGのウルトラマン!?

Perfumeのライブパフォーマンスのビジュアル

konashiのサンプルコードを動かしてみた

池袋パルコで3Dのバーチャルフィッティング『ウェアラブル ク...

IronPythonを使ってUnity上でPythonのコー...

html5のcanvasの可能性

『Geocities-izer』 どんなWebページも一昔前...

ZBrushで作った3Dモデルを立体視で確認できるVRアプリ...

Unityの各コンポーネント間でのやり取り

uGUI:Unityの新しいGUI作成システム

ミニ四駆で電子工作

ヘッドマウントディスプレイとビジュアリゼーションの未来

畳み込みニューラルネットワーク (CNN: Convolut...

Oculus Goを購入!

3Dスキャンしたテクスチャから照明を除去するUnityツール...

KelpNet:C#で使える可読性重視のディープラーニングラ...

Unite 2017 Tokyoに行ってきた

書籍『OpenCV 3 プログラミングブック』を購入

フィクションに登場するUIデザインのまとめサイト

書籍『ゼロから作るDeep Learning』で自分なりに学...

UnityでPoint Cloudを表示する方法

UnityでLight Shaftを表現する

Unityで強化学習できる『Unity ML-Agents』

UnityでARKit2.0

UnityでOpenCVを使うには?

AR (Augmented Reality)とDR (Dim...

粘土をこねるようなスカルプトモデリング

映画から想像するVR・AR時代のGUIデザイン

線画を遠近法で描く

ヒトデの骨格のような構造物を作成するシステム『KINEMAT...

Photogrammetry (写真測量法)

Konashiを買った

WordPressの表示を高速化する

UnityでTweenアニメーションを実装できる3種類の無料...

胡散臭いデザインの参考サイト

プロダクトデザイン概論

Profilograph

ミニ四駆を改造してBluetoothラジコン化する

WordPressのテーマを自作する

コメント