SpriteKit的紋理集

SpriteKit紋理集

1烟很、SpriteKit紋理集的使用非常簡單谴垫,只需要將需要打包的圖片放到一個文件夾竖伯,以.atlas為后綴命名存哲,然后將文件夾拖入Xcode中即可:


image.png

項目中還可以設(shè)置紋理集的格式還有最大尺寸,這里最大尺寸有2048X2048和4096X4096兩個選項七婴,一般4096是移動設(shè)備上面OpenGL ES支持的最大尺寸祟偷。在代碼中使用紋理集也很簡單:

SKTextureAtlas *atlas = [SKTextureAtlas atlasNamed:@"monster"];
SKTexture *f1 = [atlas textureNamed:@"monster-walk1.png"];
SKTexture *f2 = [atlas textureNamed:@"monster-walk2.png"];
SKTexture *f3 = [atlas textureNamed:@"monster-walk3.png"];
SKTexture *f4 = [atlas textureNamed:@"monster-walk4.png"];
NSArray *monsterWalkTextures = @[f1,f2,f3,f4];

2、紋理集的工作方式:實際上Xcode在打包的時候會幫你把.atlas文件夾中的所有圖片合圖打厘,圖片的大小會小于等于上圖中設(shè)置的最大尺寸修肠,如果圖片比較多,一個2048X2048(假設(shè)設(shè)置的最大尺寸是2048X2048)的大圖放不下户盯,那么會合成多張大圖嵌施。與此同時饲化,還會生成一個plist文件描述原來的圖片在合圖中的位置等信息。Xcode的這種工作方式在蘋果的OpenGLES_ProgrammingGuide中有下面的描述:


  • Xcode can automatically build texture atlases for you from a collection of images. For details on creating a texture atlas, see Xcode Help. This feature is provided primarily for developers using the Sprite Kit framework, but any app can make use of the texture atlas files it produces. For each .atlas folder in your project, Xcode creates a .atlasc folder in your app bundle, containing one or more compiled atlas images and a property list (.plist) file. The property list file describes the individual images that make up the atlas and their locations within the atlas image—you can use this information to calculate appropriate texture coordinates for use in OpenGL ES drawing.

說的意思是Xcode會創(chuàng)建一個同名的.atlasc文件夾在包內(nèi)吗伤,這個文件夾里面包含了一個或多個合圖吃靠,外加一個.plist描述文件。蘋果直接說這個特性雖然是為SpriteKit開發(fā)的足淆,但是你不用SpriteKit也可以使用這個合圖巢块,比如說OpenGL ES。

3缸浦、直接編譯工程夕冲,打開bundle文件夾,確實有同名的.atlasc文件夾裂逐,下面有合圖的jpg文件歹鱼,還有.plist文件:

image.png

.plist文件里面包括各個圖片的位置信息,與TexturePacker輸出的格式文件非常相似卜高,我們大可以利用這一點在其他地方使用紋理集弥姻,不一定非要限制于SpriteKit,只是需要寫一些解析的方法就行了掺涛。至于說怎么解析庭敦,可以參考我之前的文章SpriteKit導(dǎo)入TexturePacker導(dǎo)出的紋理集類似的方式即可。

參考:
https://developer.apple.com/documentation/spritekit/sktextureatlas?language=objc
https://developer.apple.com/library/archive/documentation/3DDrawing/Conceptual/OpenGLES_ProgrammingGuide/TechniquesForWorkingWithTextureData/TechniquesForWorkingWithTextureData.html#//apple_ref/doc/uid/TP40008793-CH104-SW1

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末薪缆,一起剝皮案震驚了整個濱河市秧廉,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌拣帽,老刑警劉巖疼电,帶你破解...
    沈念sama閱讀 217,185評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異减拭,居然都是意外死亡蔽豺,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,652評論 3 393
  • 文/潘曉璐 我一進店門拧粪,熙熙樓的掌柜王于貴愁眉苦臉地迎上來修陡,“玉大人,你說我怎么就攤上這事可霎∑茄唬” “怎么了?”我有些...
    開封第一講書人閱讀 163,524評論 0 353
  • 文/不壞的土叔 我叫張陵癣朗,是天一觀的道長号杏。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么盾致? 我笑而不...
    開封第一講書人閱讀 58,339評論 1 293
  • 正文 為了忘掉前任主经,我火速辦了婚禮,結(jié)果婚禮上庭惜,老公的妹妹穿的比我還像新娘罩驻。我一直安慰自己,他們只是感情好护赊,可當(dāng)我...
    茶點故事閱讀 67,387評論 6 391
  • 文/花漫 我一把揭開白布惠遏。 她就那樣靜靜地躺著,像睡著了一般骏啰。 火紅的嫁衣襯著肌膚如雪节吮。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,287評論 1 301
  • 那天判耕,我揣著相機與錄音透绩,去河邊找鬼。 笑死壁熄,一個胖子當(dāng)著我的面吹牛帚豪,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播草丧,決...
    沈念sama閱讀 40,130評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼狸臣,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了昌执?” 一聲冷哼從身側(cè)響起烛亦,我...
    開封第一講書人閱讀 38,985評論 0 275
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎懂拾,沒想到半個月后煤禽,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,420評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡委粉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,617評論 3 334
  • 正文 我和宋清朗相戀三年呜师,在試婚紗的時候發(fā)現(xiàn)自己被綠了娶桦。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片贾节。...
    茶點故事閱讀 39,779評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖衷畦,靈堂內(nèi)的尸體忽然破棺而出栗涂,到底是詐尸還是另有隱情,我是刑警寧澤祈争,帶...
    沈念sama閱讀 35,477評論 5 345
  • 正文 年R本政府宣布斤程,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏忿墅。R本人自食惡果不足惜扁藕,卻給世界環(huán)境...
    茶點故事閱讀 41,088評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望疚脐。 院中可真熱鬧亿柑,春花似錦、人聲如沸棍弄。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,716評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽呼畸。三九已至痕支,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間蛮原,已是汗流浹背卧须。 一陣腳步聲響...
    開封第一講書人閱讀 32,857評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留瞬痘,地道東北人故慈。 一個月前我還...
    沈念sama閱讀 47,876評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像框全,于是被迫代替她去往敵國和親察绷。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,700評論 2 354

推薦閱讀更多精彩內(nèi)容