2014年3月6日 星期四

NGUI 插件使用教學(一) - 導入NGUI & 第一張圖誕生

哞在這邊是用NGUI3.5.1版做介紹~

NGUI是Unity的一個插件,在Unity4.3 2D還沒出之前,哞都是用NGUI來做2D遊戲的!!
NGUI在UI使用上非常方便,哞也有去摸過Unity4.3的2D,目前Unity的2D是偏向2D Toolkit去做!!
在UI的表現上,哞認為NGUI還是很有他的優勢,因此想藉哞學習使用新版NGUI時,來PO學習的過程!!


NGUI是付費軟體~可以在Unity Asset Store找到:https://www.assetstore.unity3d.com/#/content/2413

導入流程和所有插件都相同
1.在專案開啟情況下,點兩下xxx.unitypackage(你的NGUI插件,路徑必須在無中文的情況下)
2.看到下圖,按Import(預設全選都不用改)就成功導入囉!!


此時選單條會多一個NGUI選項,若沒有看到選項,在選單條空白處按一下就會出現囉!!!


接下來建立一個2D UI


NGUI會自動在Hierarchy視窗中生成如下
UI  Root:看名字大概就知道是什麼意思了......NGUI的根節點!!
Camera :NGUI生成的攝像機,它直直的照射在面板上,所以畫面會以2D呈現!!



此時,到這個步驟已經可以放入你的第一張圖來看看囉!!!
我們選用最最基本的Sprite來試試~~

*注意我右邊是點選Camara的,你加入的圖會在點選的下層!!!


建立後先選擇NGUI已經建好的貼圖來看看!!


接著畫面就出現一雙鞋子囉^^





沒有留言:

張貼留言