cocos2d-x 3.3 之卡牌設計 NO.6 Loading界面（異步加載圖片，plist）

原創 奔跑的香蕉 2020-06-16 09:32

剛開始做卡牌的時候沒有想到要做loading，因爲小遊戲資源不多。

但是後來不斷的加圖片，直到在真機上發現卡頓的問題，我才知道該需要加loading了......


首先，我們先定義類：

class Loading : public Layer
{
public:
	bool init();
	CREATE_FUNC( Loading);
	static Scene* CreateScene();

	int total_pic_num;//需加載圖片數
	int total_sound_num;//需加載聲音數
	int all_num;//總共需要加載的數量
	int load_num;//已加載數量
	std::vector<std::string> plist_name;//plist名
	int load_plist_num;//加載了幾個plist

	void load_sound(int num);
	void load_pic(Object* pSender);
	void load_plist(Object* pSender);

};

在cpp中先初始化一些參數： 

total_pic_num=BACKGROUND_NUM+CARD_HERO_NUM+CARD_EQUIP_NUM+CARD_BACK_NUM+BUTTON_ACTION_NUM+TOUCH_ACTION_NUM+CARD_SKILL_NUM;
total_sound_num=BGM_NUM+EFFECT_NUM;
all_num=total_pic_num+total_sound_num;
load_num=0;
load_plist_num=0;

//plist名
plist_name.push_back("UI/button_action/button_action");
plist_name.push_back("UI/touch_action/touch_act_three");
plist_name.push_back("skill/atk/flame");
plist_name.push_back("skill/atk/freeze");
plist_name.push_back("skill/atk/lightning");
plist_name.push_back("skill/atk/wind");

然後開始加載資源吧： 

//-------------------------------------------------------------預加載背景音樂

	CocosDenshion::SimpleAudioEngine::getInstance()->preloadBackgroundMusic("sound/bgm/bgm_start.mp3");
	CocosDenshion::SimpleAudioEngine::getInstance()->preloadBackgroundMusic("sound/bgm/bgm_game.mp3");
	load_sound(BGM_NUM);
	
//-------------------------------------------------------------預加載音效

	CocosDenshion::SimpleAudioEngine::getInstance()->preloadEffect("sound/effect/button_1.mp3");

	//攻擊音效

	CocosDenshion::SimpleAudioEngine::getInstance()->preloadEffect("sound/effect/button_out.mp3");
	CocosDenshion::SimpleAudioEngine::getInstance()->preloadEffect("sound/effect/flame_shoot.mp3");
	CocosDenshion::SimpleAudioEngine::getInstance()->preloadEffect("sound/effect/freeze_shoot.mp3");
	CocosDenshion::SimpleAudioEngine::getInstance()->preloadEffect("sound/effect/lightning_shoot.mp3");
	CocosDenshion::SimpleAudioEngine::getInstance()->preloadEffect("sound/effect/wind_shoot.mp3");

	//控制音效

	CocosDenshion::SimpleAudioEngine::getInstance()->preloadEffect("sound/effect/open_card.mp3");
	CocosDenshion::SimpleAudioEngine::getInstance()->preloadEffect("sound/effect/card_out.mp3");
	CocosDenshion::SimpleAudioEngine::getInstance()->preloadEffect("sound/effect/equip_out.mp3");
	CocosDenshion::SimpleAudioEngine::getInstance()->preloadEffect("sound/effect/no.mp3");
	CocosDenshion::SimpleAudioEngine::getInstance()->preloadEffect("sound/effect/card_die.mp3");
	load_sound(EFFECT_NUM);

//-------------------------------------------------------------背景
	CCTextureCache::sharedTextureCache()->addImageAsync("UI/background/background_start.jpg", CC_CALLBACK_1(Loading::load_pic, this));
	CCTextureCache::sharedTextureCache()->addImageAsync("UI/background/background_help.jpg",CC_CALLBACK_1(Loading::load_pic, this));
	CCTextureCache::sharedTextureCache()->addImageAsync("UI/background/background_about.jpg",CC_CALLBACK_1(Loading::load_pic, this));
	CCTextureCache::sharedTextureCache()->addImageAsync("UI/background/help_word.jpg",CC_CALLBACK_1(Loading::load_pic, this));
	CCTextureCache::sharedTextureCache()->addImageAsync("UI/background/background_game.jpg",CC_CALLBACK_1(Loading::load_pic, this));
	CCTextureCache::sharedTextureCache()->addImageAsync("UI/background/setting_back.png",CC_CALLBACK_1(Loading::load_pic, this));
	CCTextureCache::sharedTextureCache()->addImageAsync("UI/background/setting_face.png",CC_CALLBACK_1(Loading::load_pic, this));
	CCTextureCache::sharedTextureCache()->addImageAsync("UI/background/title.png",CC_CALLBACK_1(Loading::load_pic, this));

//-------------------------------------------------------------卡牌
	//back
	char file_name_c[100];
	for(int i=0;i<=CARD_BACK_NUM;i++)
	{
		sprintf(file_name_c,"card/back/card_need_magic_%d.jpg",i);
		std::string	file_name(file_name_c);
		CCTextureCache::sharedTextureCache()->addImageAsync(file_name, CC_CALLBACK_1(Loading::load_pic, this));
	}
	//equip
	for(int i=0;i<=CARD_EQUIP_NUM;i++)
	{
		sprintf(file_name_c,"card/equip/card_equip_%d.jpg",i);
		std::string	file_name(file_name_c);
		CCTextureCache::sharedTextureCache()->addImageAsync(file_name, CC_CALLBACK_1(Loading::load_pic, this));
	}
	
	//hero
	for(int i=0;i<=CARD_HERO_NUM;i++)
	{
		sprintf(file_name_c,"card/people/card_hero_%d.jpg",i);
		std::string	file_name(file_name_c);
		CCTextureCache::sharedTextureCache()->addImageAsync(file_name, CC_CALLBACK_1(Loading::load_pic, this));
	}

//-------------------------------------------------------------加載精靈表
	for(std::string a : plist_name)
	{
		CCTextureCache::sharedTextureCache()->addImageAsync(a+".png", CC_CALLBACK_1(Loading::load_plist, this));
		//load_plist_num++;
	}
注意加載圖片和精靈表的回調函數是不一樣的，因爲加載這兩種資源需要不同的方式

以下爲一個自定義函數和兩個回調函數（用於動態顯示加載進度和加載）：

void Loading::load_sound(int num)//這個函數可以忽略不看
{
	load_num+=num;
	int percent=((float)load_num/(float)all_num)*100;
	auto loading_font = (Label*)getChildByTag(1);
	loading_font->setString(String::createWithFormat("Loading......%d%%",percent)->_string);
}
void Loading::load_pic(Object* pSender)//加載圖片的回調函數
{
	load_num+=1;
	int percent=((float)load_num/(float)all_num)*100;
	this->runAction(DelayTime::create(15));//休息
	auto loading_font = (Label*)getChildByTag(1);
	loading_font->setString(String::createWithFormat("Loading......%d%%",percent)->_string);

	if(percent>=100)
	{
		Director::getInstance()->replaceScene(Start::CreateScene());//如果加載完成跳轉
	}

}
void Loading::load_plist(Object* pSender)//加載精靈表的回調函數
{
	SpriteFrameCache::getInstance()->addSpriteFramesWithFile(plist_name.at(load_plist_num)+".plist",plist_name.at(load_plist_num)+".png");//圖片已經加載過貌似會直接從緩存中讀取，目的是把圖片和plist一起加載
	load_plist_num++;
	this->runAction(DelayTime::create(15));
	load_num+=1;
	int percent=((float)load_num/(float)all_num)*100;
	this->runAction(DelayTime::create(15));
	auto loading_font = (Label*)getChildByTag(1);
	loading_font->setString(String::createWithFormat("Loading......%d%%",percent)->_string);

	if(percent>=100)
	{
		Director::getInstance()->replaceScene(Start::CreateScene());
	}
	
}


如上就是異步加載的方法，現在我們需要知道如何從緩存中獲取：

獲取圖片：

Sprite *BK=Sprite::createWithTexture(TextureCache::sharedTextureCache()->textureForKey("UI/background/background_start.jpg"));

獲取精靈表： 

CCSpriteFrameCache *frameCache=CCSpriteFrameCache::sharedSpriteFrameCache();
frameCache->getSpriteFrameByName("UI/touch_action/touch_act_three.plist");


這樣就能從緩存中獲取資源了，我測試了下真的快很多


發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

cocos2dx 3.3創建新項目 和 VS2012解決方案加載失敗問題

cocos2dx 3.3創建新項目 和 VS2012解決方案加載失敗問題 參考文章： （1）cocos2dx 3.3創建新項目 和 VS2012解決方案加載失敗問題 （2）https://www.cnblogs.com/gamesky/p

javail 2021-05-27 21:17:46

我叫林其，就是將一顆顆子彈玩出花的人！

大家好，我是林 其 超級子彈系統 雙射 散射 亂射 跟蹤 跟蹤

原創 2021-04-08 21:37:06

使用git高效管理項目

  簡單在一個目錄下拉取別人的一個工程   1.在任何一個目錄下新建一個文件夾 比如：work，然後cd 切換到工作目錄   2.倉庫初始化 git init   3.從某個地址拉取工程到自己的工作目錄 git clone git@192.

osc_7e2pw1w9 2021-02-05 21:12:59

別以爲用 selenium 來爬數據，就萬事大吉了！

聽說有很多人喜歡用 Selenium 通過模擬瀏覽器來寫爬蟲，以爲這樣就不會被網站檢測到，想爬什麼就爬什麼。 有這種的想法，說明你 對 Selenium 的實際應用瞭解得還是不夠深入。 這幾年，Selenium

米開朗基楊 2021-02-04 21:29:03

fw: do{...}while(0)的妙用

轉自：https://www.jianshu.com/p/99efda8dfec9 do{...}while(0)的妙用 IvanRunning 2018.05.07 16:38:26 字數

SamXIAO 2021-01-30 10:57:33

使用DragonBones開發FLASH骨骼動畫入門教程

本文轉載（並略作修改）自黃竣的教程，URL是：http://dragonbones.github.com/getting_started_cn.html 全文如下： DragonBones是什麼？ DragonBones是一

爱卓也爱疯 2020-07-08 09:50:18

cocos2d-x專用的DragonBones2.2

2013-09-23更新：升級到DragonBone2.2.2 for cocos2d-x，支持導出PLIST文件。 我寫過一篇 在cocos2d-x中使用DragonBones ，這篇文章中提到了DragonBones插件。本篇

爱卓也爱疯 2020-07-08 09:50:11

Cocos2d-x場景生命週期函數介紹

轉載地址：http://blog.csdn.net/tonny_guan/article/details/27985895 層(Layer)的生命週期函數有如下： init()。初始化層調用。 onEnter()。進入層時候調用。 on

默默千叶做手游 2020-07-07 23:16:30

2dx 動畫使用方法

struct transformValues_ 擁有如下幾個參數 CCPoint pos; // position x and y         位置 CCPoint scale; // scale x and y      

some_do 2020-07-07 20:23:25

工欲善其事，必先利其器-如何根據cocos2d-x中tolua++的pkg文件生成ldt的自動幫助

爲什麼選用ldt呢，因爲我最早使用的ide就是eclipse，同時調研了一下目前的ide，發現還是ldt對於代碼提示支持的比較好 所以那就ldt吧，上網找了一圈，發現瞭如何將外部代碼加入到ldt中讓它能夠自動提示，具體的可以參考如下兩個w

HopingWhite 2020-07-07 16:42:32

Cocos2dx開發之錨點實例

 錨點概念          由於我們在使用Cocos2dx進行開發時，一般都是在場景中加載精靈來實現的，而精靈上掛載的往往都不是一個點而是一張圖片資源，那麼我們在場景中設置這個精靈的位置時，對這張資源圖片來說是應該把這張圖片資源中

zhanghefu 2020-07-07 12:12:22

關於cocos2d-x幾種畫圖方法的用法與思考

 CCRenderTexture 自己的理解 CCRenderTexture類似一張空白的“畫布“，用戶通過自定義筆刷（CCSprite*），在touch事件中把筆刷的移動痕跡“記錄”起來，從而“畫”出各種藝術效果。記錄方法很簡單，首

zhanghefu 2020-07-07 12:12:20

priteSheet精靈動畫引擎

priteSheet精靈動畫引擎 本文介紹Flash中SpriteSheet精靈序列圖與其它渲染方式的性能對比、SpriteSheet的原理及注意實現，最後實現了一個精靈序列圖的渲染引擎。本文的SpriteSheet引擎及dem

zhanghefu 2020-07-07 12:12:18

遊戲人生（二），有一種東西叫CCScrollView

搞過app或者game'的一定不會陌生：CCScrollView還有CCTableView。如果不知道什麼是CCScrollView，那麼去看看testcpp或者testlua中的例子吧。 先說說CCScrollView：.cpp和.h文

twwk120120 2020-07-07 11:30:36

Spring @Async註解

1.@Async註解使用條件 @Async源碼@Async註解一般用在類的方法上，如果用在類上，那麼這個類所有的方法都是異步執行的； 所使用的@Async註解方法的類對象應該是Spring容器管理的bean對象； 調用異步方法類上需要配置

zl1zl2zl3 2020-07-07 15:46:29