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

関連記事

Raspberry Pi 2のGPIOピン配置

Python.NET:Pythonと.NETを連携させるパッケージ

Accord.NET Framework:C#で使える機械学習ライブラリ

Raspberry PiでIoTごっこ

『Geocities-izer』 どんなWebページも一昔前のダサいデザインに変えてくれるサービス

池袋パルコで3Dのバーチャルフィッティング『ウェアラブル クロージング バイ アーバンリサーチ』

UnityでARKit2.0

CLO:服飾デザインツール

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

『メカニックデザイナー 大河原邦男展』に行ってきた

Unityをレンダラとして活用する

生物の骨格

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

天体写真の3D動画

WordPressの表示を高速化する

組み込み向けのWindows OS 『Windows Embedded』

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

Faceshiftで表情をキャプチャしてBlender上でMakeHumanのメッシュを動かすデモ

日本でMakersは普及するだろうか?

オープンソースハードウェア Arduino (アルドゥイーノ)

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

3DCG Meetup #4に行ってきた

変形ロボットのデザイン

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

WebGL開発に関する情報が充実してきている

Arduinoで人感センサーを使う

ミニ四駆で電子工作

geometry3Sharp:Unity C#で使えるポリゴン操作ライブラリ

html5のcanvasの可能性

Unityで学ぶC#

SDカードサイズのコンピューター『Intel Edison』

UnityでShaderの入力パラメータとして行列を渡す

Unity Scriptコーディング→Unreal Engine Scriptコーディング

AR (Augmented Reality)とDR (Diminished Reality)

デザインのリファイン再び

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

D3.js:JavaScriptのデータビジュアライゼーションライブラリ

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

UnityからROSを利用できる『ROS#』

書籍『データビジュアライゼーションのデザインパターン20』読了

触れば分かる ユニバーサルデザインな腕時計『The Bradley』

Raspberry Pi 2を買いました

コメント