Cocos2d-JS地圖性能問題

如圖所示遊戲場景，它是咱們以往介紹的實例，在場景中有三個方塊精靈（BoxA、BoxB和BoxC）和背景精靈，這個背景叫作「地圖」有點牽強，地圖採用了有規律的紋理。

 

遊戲場景

那麼咱們如何設計這個遊戲地圖呢？咱們能夠使用兩種方法：採用一張大圖片和採用小紋理圖片重複貼圖。

1、採用一張大圖片

咱們在以往中介紹的實例，採用一張大圖片。咱們能夠讓美術設計師幫助咱們製做一個屏幕大小的圖片，大小960 x 640像素，如圖所示。若是是RGBA8888格式，則佔用內存大小大約2400K字節。

 

遊戲地圖

2、採用小紋理圖片重複貼圖

採用就是小紋理圖片重複貼圖，每一個小的紋理圖片大小是128 x 128像素，如圖所示。若是是RGBA8888格式，則佔用內存大小大約64K字節，紋理圖片寬高必須是2的n次冪。

 

小紋理圖片

提示  圖片佔用內存大小與圖片格式有關，圖片格式有關主要有：RGBA888八、RGBA4444和RGB565等。RGBA8888和RGBA4444格式一個像素有4個（紅、綠、藍、透明度）通道，RGBA8888一個通道佔8比特，RGBA4444一個通道佔4比特，1字節 = 8比特。所以RGBA8888格式的計算的公式：長 x 寬 x 4字節，RGBA4444格式的計算的公式：長 x 寬 x 2字節。

採用小紋理圖片重複貼圖的方式能夠經過瓦片地圖實現，採用瓦片地圖能夠構建以下圖所示的複雜地圖。

 

複雜地圖

更多內容請關注最新Cocos圖書《Cocos2d-x實戰：JS卷——Cocos2d-JS開發》

本書交流討論網站：http://www.cocoagame.net

歡迎加入Cocos2d-x技術討論羣：257760386

更多精彩視頻課程請關注智捷課堂Cocos課程：http://v.51work6.com

智捷課堂現推出Cocos會員，敬請關注：http://v.51work6.com/courseInfoRedirect.do?action=netDetialInfo&courseId=844465&categoryId=0

《Cocos2d-x實戰 JS卷》現已上線，各大商店均已開售：

京東：http://item.jd.com/11659698.html

歡迎關注智捷iOS課堂微信公共平臺，瞭解最新技術文章、圖書、教程信息