低調の美國生活

各種疑難雜症

[NGUI]用128小圖做出1024的高品質大圖

x289
4月5日2014年

create-a-1024-big-high-quality-ui-by-using-tiny-128-image-source1剛上架的”小人出沒注意“這款iPhone小遊戲,配合NGUI Plugin使用了大量的2D貼圖。在任何遊戲中,貼圖的用量會直接影響到手機的記憶體,只要記憶體一超出,遊戲就會直接掛掉,然後程式就會臉很臭的過來找你。在UI製作時,往往需要製作大張,或幾乎是全螢幕的背板(例如商店,成就表),以iPad為例,要做一張1024×768的UI背板圖,NGUI在Unity中提供了相當聰明的做法,讓你可以用一張128的小圖,做出1024大,並且不失真的高解析UI背板圖

一般設定下直接用128變1024的悲慘效果

create-a-1024-big-high-quality-ui-by-using-tiny-128-image-source2

  • 來源圖檔是相同的128大小背板,並使用NGUI一般設定(sprite type: simple)
  • 使用Transform底下的Scale直接拉大
  • 整個品質下降到連反反服貿的人都不能接受
  • 邊線的比例粗細一整個走樣

在這種情形下,難道真的要重做一張1024的圖嗎?當然不用,我們使用NGUI中Border設定來解決這個問題

使用NGUI Border設定用小圖製作高品質大圖(多大都可以)

  • 點選該Sprite圖後,將設定調整如下

create-a-1024-big-high-quality-ui-by-using-tiny-128-image-source3

  • 調大小時,使用如下圖的藍點或是Dimension中的數值都可,但不要去調到Transform底下的縮放(Scale)
  • NGUI 3.0.2
  • Unity 4.3.4
[工商服務時間] iPhone遊戲開放下載中!!
[ZJ]Banner_PNG


發佈於 4月5日2014年