Unity技巧 #5 – 圖像 Image

次分享的技巧是關於我們製作界面必須使用的Image元件;
內文會分享一些有用功能和需要考慮的細節;

分享的技巧如下:

  • Mesh Type: Tight vs FullRect
  • 如何令透明位置不會被點擊
  • 善用不同的ImageType
  • 使用ImageType:Fill來製作進度條
  • Image vs Raw Image
  • 利用Shader添加特效
繼續閱讀 “Unity技巧 #5 – 圖像 Image"

建立界面風格規範 (Making UI Style Guide)

我之前做了很多項目,發現很多時候做出來界面感覺不太美觀,要翻改多次才滿意;最近研究界面設計,發現其實我們團隊漏一個蠻重要的步驟,這就是製作"界面風格規範",也是這文章討論的課題;

如果界面設計工作的輸出是不同界面的樣版和界面元素資源, 這一步就是輸入給界面設計工作來把事情做出來。

文章內容:

  • 為何需要風格規範
  • 如何製作風格規範
  • 建立概念
  • 界面規範的內容
繼續閱讀 “建立界面風格規範 (Making UI Style Guide)"

Unity界面技巧 #2 – 腳本 (Scripting)

這文章會介紹在Unity上製作界面的5個和腳本(Scripting)相關小技巧;

技巧:

  1. 使用 property 定義界面元件
  2. 使用 [SerializeField] 取代 public
  3. 使用 button.onClick.AddListener
  4. 使用 [Space] [Header] 令 Inspector變得整齊
  5. 建立自己的視窗控制器 (ViewController)

參考代碼:https://gist.github.com/tklee1975/bb1af2717dcf5d011d028d0195fe03f3

繼續閱讀 “Unity界面技巧 #2 – 腳本 (Scripting)"

在WordPress.com寫網誌.

向上 ↑