V-Play入門手冊2-如何建立一個多分辨率的遊戲或應用程序?

##如何建立一個多分辨率的遊戲或應用程序? 做爲一個開發者,你確定不想每次都重寫一次代碼來保證不一樣設備下相同的用戶體驗.
可是,你又會遇到一個不可避免的問題:市面上設備的尺寸太多樣化了,大的小的,老的少的.
爲此,若是你想開發一個跨平臺的遊戲或應用程序,有2個比較理想的方案:

###A.)適用於應用程序的密度無關性 在遊戲中,你一般但願在不一樣平臺下能有一個相同的遊戲體驗.
可是,在移動設備IOS & Android & Windows Phone中,你想充分利用屏幕空間的最好辦法.

一個理想的跨平臺的用戶體驗,應該是無論什麼平臺的屏幕密度 & 屏幕大小 & 屏幕分辨率,都有一個你想要的按鈕和文本元素尺寸以便操做.此外,在高密度設備中圖像應該是很是清晰的,並在低端設備不會過多浪費寶貴的內存.

同時爲了進一步提升用戶體驗度,須要響應式設計,意思以下例:

• 在屏幕上顯示更多的內容,好比在平板電腦上應該比在手機顯示更多的內容.
• 顯示更多的列表子項,好比在某些比較長的手機上.
  

V-Play能夠幫你解決這些挑戰,以跨平臺的方式! 所以,只須要一份代碼,就能夠輕易的建立一個適配不一樣設備的應用程序. 爲了深刻指導如何作到這一點,能夠看看這個How to Support Muliple Screen Sizes & Screen Densities

###B.)適用與遊戲的內容縮放 我將要展現的是一種最適合遊戲的技術,叫作內容縮放.

在一個邏輯場景尺寸中縮放適配不一樣設備的分辨率,這個概念的好處以下:

• 只須要寫一次代碼,節省了大量時間.
• 能夠使不一樣設備上的玩家對等,例如平板VS手機(這在遊戲排行榜中尤爲突出).

你能夠設置不一樣的縮放模式,來使邏輯場景與顯示屏分辨率匹配. 接下來我將介紹letterbox ,這是最重要的也是默認的縮放模式. ####Letterbox Scale Mode 這種縮放模式縮放的內容尺寸是一致的,而較小的四邊則留空顯示. 這意味着不一樣設備上均可以看到整個邏輯場景. 不足之處,在長寬比不一樣的邏輯場景中,會有黑色邊框,如圖:

爲了解決這個問題,你能夠增長你的背景圖像的大小來填充邊框,因此應該建立4:3和16:9的長寬比的背景圖像,而不是3:2.

在下面這張圖片,你能夠看到,4:3和16:9的長寬比都能較好的適配不一樣屏幕尺寸的比例.

爲了使你更輕鬆,咱們已經計算並準備好了你的背景圖像應該支持的全部設備的尺寸.

Device type	Logical Scene Size	Suggested Background Size
sd	480x32	570x360
hd	960x640	1140x720
hd2	1920x1280	2280x1440

TODO:如下內容待補充... ####動態切換精靈圖(也叫雪碧圖)

####如何使遊戲佈局更合理

####高級主題

在某些狀況下,你想在不一樣設備(平板電腦 & 移動設備 & PC)下擁有不一樣的UI和佈局.

####準備起飛(你咋不上天嘞) 如今你能夠試着把這些概念付之於行動!