Cocos2d-x入門教程TexturePacker非常棒的圖像處理工具

Cocos2d-x入門教程TexturePacker非常棒的圖像處理工具Cocos2d-x入門教程TexturePacker非常棒的圖像處理工具

Cocos2d-x初入學(xué)堂-TexturePacker非常棒的圖像處理工具

1、為什么要用這個(gè)工具呢？有什么好處？

第一點(diǎn)：內(nèi)存問題,OpenGLES紋理的寬和高都要是2次冪數(shù),以剛才的例子來說,假如start.png本身是480x320,但在載入內(nèi)存後,它其實(shí)會(huì)被變成一張512x512的紋理,而start.png則由101x131變成128x256,默認(rèn)情況下面，當(dāng)你在cocos2d里面加載一張圖片的時(shí)候，對(duì)于每一個(gè)像素點(diǎn)使用４個(gè)byte來表示--１個(gè)byte（８位）代表red，另外３個(gè)byte分別代表green、blue和alpha透明通道。這個(gè)就簡(jiǎn)稱RGBA8888。

因此，如果你使用默認(rèn)的像素格式來加載圖片的話，你可以通過下面的公式來計(jì)算出將要消耗多少內(nèi)存來加載：

圖像寬度（width）圖像高度（height）每一個(gè)像素的位數(shù)（bytesperpixel）=內(nèi)存大小

此時(shí)，如果你有一張５１２５１２的圖片，那么當(dāng)你使用默認(rèn)的像素格式去加載它的話，那么將耗費(fèi)

５１２５１２４=１MB（好多?。。?/p>

第二點(diǎn)：再看看關(guān)於渲染速度方面,OpenGLES上來說我們應(yīng)該盡量減少渲染時(shí)切換紋理和glDrawArray的呼叫,剛才的例子每畫一個(gè)圖像都會(huì)切換一次紋理并呼叫一次glDrawArray,我們這里只畫3樣?xùn)|西,所以不會(huì)看到有什麼問題,但如果我們要渲染幾十個(gè)甚至幾百個(gè)圖像,速度上就會(huì)被拖慢.很明顯這并不是我們所想要的..

2、認(rèn)識(shí)TexturePacker的界面

DataFormat:導(dǎo)出什么引擎數(shù)據(jù)，默認(rèn)cocos2d,下拉列表中有很多，基本常用的引擎都支持了

DataFile:導(dǎo)出文件位置(后綴名.plist)

TextureFormat:紋理格式,默認(rèn)png

Imageformat:圖片像素格式，默認(rèn)RGBA8888...根據(jù)對(duì)圖片質(zhì)量的需求導(dǎo)出不同的格式Dithering:抖動(dòng),默認(rèn)NearestNeighbour,(如果圖像上面有許許多多的“條條”和顏色梯度變化)將其修改成FloydSteinberg＋Alpha;

Scale:讓你可以保存一個(gè)比原始圖片尺寸要大一點(diǎn)、或者小一點(diǎn)的spritesheet。比如，如果你想在spritesheet中加載“@2x的圖片（也即為Retina-display設(shè)備或者ipad創(chuàng)建的）。但是你同時(shí)也想為不支持高清顯示的iphone和touch制作spritesheet，這時(shí)候只需要設(shè)置scale為1.0,同時(shí)勾選autoSD就可以了。也就是說，只需要美工提供高清顯示的圖片，用這個(gè)軟件可以自己為你生成高清和普清的圖片。

AlgorithmTexturePacker:里面目前唯一支持的算法就是MaxRects，即按精靈尺寸大小排列，但是這個(gè)算法效果非常好，因此你不用管它。

Border/shapepadding:即在spritesheet里面，設(shè)置精靈與精靈之間的間隔。如果你在你的游戲當(dāng)中看到精靈的旁邊有一些“雜圖”的時(shí)候，你就可以增加這個(gè)精靈之間的間隔。

Extrude:精靈邊界的重復(fù)像素個(gè)數(shù).這個(gè)與間隔是相對(duì)應(yīng)的--如果你在你的精靈的邊邊上看到一些透明的小點(diǎn)點(diǎn)，你就可以通過把這個(gè)值設(shè)設(shè)置大一點(diǎn)。

Trim:通過移除精靈四周的透明區(qū)域使之更好地放在spritesheet中去。不要擔(dān)心，這些透明的區(qū)域僅僅是為了使spritesheet里面的精靈緊湊一點(diǎn)。--當(dāng)你從cocos2d里面去讀取這些精靈的時(shí)候，這些透明區(qū)域仍然在尋里。（因?yàn)?，有些情況下，你可能需要這些信息來確定精靈的位置）

Shapeoutlines:把這個(gè)選項(xiàng)打開，那么