close

本篇將會學到:

  • Atlas Maker 了解
  • Atlas Maker 自定義 Atlas (圖集)
  • Widget Wizard 創建一個 Sprite

 

 

首先是 Atlas Maker 圖集製作器,這邊我使用下面3個免費素材,下載後匯入

UI1.png UI2.png UI3.png  

 

開啟 Atlas Maker 編輯工具

2.png  

 

會出現 Atlas Maker 編輯畫面

3.png  

Padding :是4個邊緣的邊框寬度。可以用來調整中心點位置

TrimAlpha:去掉圖片中多的空白

PMA Shader:按照翻譯應該是,顏色RGB值相乘

本身做程式的,也不是很理解,有興趣自己看一下 Multiply

UnityPacker:貼圖的打包方式,不勾選的話會使用NGUI自己的打包方式

 

 

選取匯入的圖片,Atlas Maker 編輯畫面下方也會顯示

4.png  

 

按Create建立,會出現3個檔案,分別是與之對應的 Material、Prefab、Texture

5.png  

 

在上一篇中我們開啟我們開啟 UI Wizard 並建立 UI Root,裡面有個放置 UI 專用的 Panel

忘記怎麼加了嗎?? 點我回去複習

  

現在開始要將圖片放上去了,讓我們開啟 Widget Wizard 控件嚮導

11.png

 

這裡我們設定如下,好了後點 Add to

13.png  

 

成功建立出圖片

   

 

重複以上11~12步驟,建立出其它圖片

 

 

所有資源作為教學用,無任何商業用途!!

 

   歡迎轉載,但務必註明出處!!

 

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 arkai 的頭像
    arkai

    Game & Web Design

    arkai 發表在 痞客邦 留言(0) 人氣()