基于cocos2dx的2D手游美術(shù)資源制作技術(shù)選型12 UI做機(jī)型適配，需要很多的取舍，事實(shí)上第一個(gè)取舍就是：我們不需要真正地支持所有的機(jī)型的所有分辨率，而相反，我們把主力放在支持市場(chǎng)占有率Top15以內(nèi)的機(jī)型。從目前國(guó)內(nèi)手機(jī)品牌型號(hào)占有率來(lái)看，這幾乎只有兩三個(gè)牌子：三星、小米和華為。在切掉了大部分碎片機(jī)型的時(shí)候，我們手上的分辨率還是很多，從而無(wú)論在人力或是時(shí)間成本上，公司宣傳片拍攝我們都是不可能完成所有的分辨率的資源。所以UI設(shè)計(jì)還得有進(jìn)一步的優(yōu)化UI的核心功能是：交互，你必須知道的8大發(fā)展觀同時(shí)對(duì)于富UI的游戲來(lái)說(shuō)，它還要好看，所以本著這兩個(gè)主要目標(biāo)，又要配合所有的屏幕，我們考慮過(guò)兩個(gè)極端的方案，但最終選擇的是把兩者結(jié)合：方案一是簡(jiǎn)單粗暴的縮放：即在不同分辨率不同機(jī)型上對(duì)UI進(jìn)行縮放，使之占滿全屏。旅游攝影常識(shí)詳解但這個(gè)方案一提出來(lái)就立刻被自己否決了，簡(jiǎn)單縮放的問(wèn)題在于：在手機(jī)上好好的UI，在平板電腦上慘不忍睹，按鈕其大無(wú)比，操作十分不舒服，同時(shí)由于UI資源的圖片大小精度不夠，還會(huì)出現(xiàn)大片大片的馬賽克，也非常難看方案二則是力求效果上的完美：一套UI資源，為每個(gè)分辨率的屏幕做一套UI布局，布局時(shí)可以適當(dāng)?shù)目s放原始資源,這個(gè)方案能達(dá)到最好的UI效果，但一種分辨率一種布局缺點(diǎn)是工作量還是太大，時(shí)間和人力成本過(guò)高我們最終采用的方案三則是結(jié)合了方案一和二的優(yōu)點(diǎn)，但同時(shí)也犧牲了一定的美感：美術(shù)制作一套UI圖片資源，但按分辨率區(qū)間把屏幕分為：低、中、高三檔，每一檔對(duì)應(yīng)若干組分辨率的機(jī)型，然后為低、中、高分區(qū)制作不到的布局(Layout)，在具體的布局區(qū)間內(nèi)，這個(gè)布局文件會(huì)自動(dòng)根據(jù)分辨率進(jìn)行等比縮放，并進(jìn)行居中，兩邊無(wú)UI處留黑。這樣做的結(jié)果是用多套布局適配到所有的分辨率，同時(shí)提供可接受的操作感和外觀。（雖然它的etc編解碼用的是愛(ài)立信實(shí)驗(yàn)室的實(shí)現(xiàn)）最終我們選擇ktx的理由是因?yàn)樗膸?kù)足夠簡(jiǎn)單，而且有OpenglES官方組織撐腰在不遠(yuǎn)的將來(lái)，在OpenglES3.0普及之后，ETC2勢(shì)必成為未來(lái)手游的最主流紋理圖片格式，因?yàn)樗坏珜⒅С指S富的圖片格式，帶alpha支持和單通道紋理的支持（單通道可以用來(lái)做alpha、光照、mask等等），同時(shí)它提供更多的壓縮方式以提高紋理壓縮質(zhì)量。另外，對(duì)我們來(lái)說(shuō)，選擇2的冪做為制作限制，還有一個(gè)必要的原因：etc壓縮算法針對(duì)的是4x4的像素塊，所以紋理的大小是2的冪且大于2的情況下，影視視頻制作自然就能滿足此要求。且事實(shí)上一般游戲項(xiàng)目里也不太可能存在小于4x4的圖片資源（mipmap低階除外）應(yīng)該說(shuō)在2D動(dòng)畫(huà)制作這一點(diǎn)上，Cocostudio對(duì)Flash動(dòng)畫(huà)導(dǎo)出表面上顯得風(fēng)風(fēng)光光，極大的增加了資源重用，但實(shí)際上卻是乏善可呈，企業(yè)宣傳片制作它逐幀導(dǎo)出的flash動(dòng)畫(huà)，無(wú)異于給手游團(tuán)隊(duì)挖了一個(gè)大坑，就等著你跳事實(shí)上，如果你仔細(xì)觀察一下逐幀導(dǎo)出的動(dòng)畫(huà)，你就會(huì)發(fā)現(xiàn)這種導(dǎo)出方式有多浪費(fèi)，圖(1)展示了一個(gè)15幀的角色抓耳撓腮的動(dòng)作在內(nèi)存受限的手機(jī)上，拼裝動(dòng)畫(huà)是唯一可行的優(yōu)化方案，至于這個(gè)動(dòng)畫(huà)幀怎么去拼，但首先要解決變現(xiàn)和版權(quán)！則至少有兩種方式：第一種方式是純粹的把圖切碎，每幀使用小圖拼出不同的大圖來(lái)，這種拼碎幀的方式要求美術(shù)有較好的圖片拆分能力，并且有耐心去拼接。缺點(diǎn)是有較大的美術(shù)工作量，廣告口號(hào)的形式美探究論文！比較費(fèi)時(shí)。優(yōu)點(diǎn)則是資源量小，任何相要的效果，只要肯花時(shí)間，都是可以做出來(lái)的。這一種自由拼圖方式的動(dòng)畫(huà)，cocostudio是不提供支持的。所以如果要做，需要自己制作相關(guān)的動(dòng)畫(huà)制作工具、數(shù)據(jù)存儲(chǔ)格式和加載渲染庫(kù)而第二種拼裝方式則2D骨骼動(dòng)畫(huà)，2D骨骼動(dòng)畫(huà)在Cocostudio里提供了里支持，具體也是把每一幀切成不同的塊，進(jìn)行拼裝，所不同的是它的圖塊依附于骨骼，圖片本身不做任何變換，且不同的幀所接受的圖片數(shù)目也要和第一幀相同。2D骨骼動(dòng)畫(huà)簡(jiǎn)化了動(dòng)畫(huà)制作過(guò)程，同時(shí)可以在制作動(dòng)作類游戲的時(shí)候加上諸如反向動(dòng)力學(xué)等計(jì)算。但它的缺點(diǎn)卻是一般來(lái)說(shuō)，效果要比第一種拼裝方式要粗糙一些,PVZ2的動(dòng)畫(huà)就都是使用的2D骨骼動(dòng)畫(huà)。