cocos2d-x进度条读取

最新推荐文章于 2024-04-20 22:35:52 发布
最新推荐文章于 2024-04-20 22:35:52 发布
阅读量1.2k 收藏
点赞数
分类专栏： cocos2d-x 文章标签： cocos2d-x 进度条

转自：http://blog.csdn.net/xiaoxiangp/article/details/7706764

昨天下载了最新的cocos2d-x   是2.0.1版本的...所以本文章是参考2.0版本的例子写的...





可以发现,2.0版本后不单单只有一个帧率了..还多了两个参数.第一个参数可以理解为场景中的对象个数吧.第二个还不清楚...


1. 创建好一个工程后,先修改对于的.h文件

[cpp]  view plain copy
  1. class HelloWorld : public cocos2d::CCLayer  
  2. {  
  3. public:  
  4.     virtual bool init();    
  5.     static cocos2d::CCScene* scene();  
  6.     HelloWorld();  
  7.   
  8.     void addSprite();//用于加载完成后添加精灵  
  9.     void loadingCallBack(cocos2d::CCObject *obj);//读进度回调函数  
  10.   
  11.     LAYER_CREATE_FUNC(HelloWorld);  
  12.   
  13. private:  
  14.     cocos2d::CCLabelTTF *m_pLableLoading;  
  15.     cocos2d::CCLabelTTF *m_pLabelPercent;  
  16.     int m_nNumberOfSprites;  
  17.     int m_nNumberOfLoadedSprites;  
  18. };  

2. 然后在对应的cpp文件中完成各种函数


[cpp]  view plain copy
  1. //原例子中的代码都是在构造函数中写的.在这里构造函数只用于初始化了两个成员变量  
  2. HelloWorld::HelloWorld():m_nNumberOfSprites(20),m_nNumberOfLoadedSprites(0)  
  3. {  
  4.   
  5. }  


[cpp]  view plain copy
  1. bool HelloWorld::init()  
  2. {  
  3.     bool bRet = false;  
  4.     do   
  5.     {  
  6.         CC_BREAK_IF(! CCLayer::init());  
  7.         CCSize size = CCDirector::sharedDirector()->getWinSize();  
  8.   
  9.         //创建读条时的标签  
  10.         m_pLableLoading = CCLabelTTF::create("Loading...","Arial",20);  
  11.         m_pLabelPercent = CCLabelTTF::create("%0","Arial",30);  
  12.           
  13.         m_pLabelPercent->setPosition(CCPointMake(size.width/2, size.height/2 +50));  
  14.         m_pLableLoading->setPosition(CCPointMake(size.width/2, size.height/2 -10));  
  15.   
  16.         this->addChild(m_pLableLoading);  
  17.         this->addChild(m_pLabelPercent);  
  18.   
  19.         //加载图片到Cache...每加载一次就调用我们自己写的回调函数  
  20.         CCTextureCache::sharedTextureCache()->addImageAsync("img/bg.png", this, callfuncO_selector(HelloWorld::loadingCallBack));  
  21.         CCTextureCache::sharedTextureCache()->addImageAsync("img/01.png", this, callfuncO_selector(HelloWorld::loadingCallBack));  
  22.         CCTextureCache::sharedTextureCache()->addImageAsync("img/02.png", this, callfuncO_selector(HelloWorld::loadingCallBack));  
  23.         CCTextureCache::sharedTextureCache()->addImageAsync("img/03.png", this, callfuncO_selector(HelloWorld::loadingCallBack));  
  24.         CCTextureCache::sharedTextureCache()->addImageAsync("img/04.png", this, callfuncO_selector(HelloWorld::loadingCallBack));  
  25.         CCTextureCache::sharedTextureCache()->addImageAsync("img/05.png", this, callfuncO_selector(HelloWorld::loadingCallBack));  
  26.         CCTextureCache::sharedTextureCache()->addImageAsync("img/06.png", this, callfuncO_selector(HelloWorld::loadingCallBack));  
  27.         CCTextureCache::sharedTextureCache()->addImageAsync("img/07.png", this, callfuncO_selector(HelloWorld::loadingCallBack));  
  28.         CCTextureCache::sharedTextureCache()->addImageAsync("img/08.png", this, callfuncO_selector(HelloWorld::loadingCallBack));  
  29.         CCTextureCache::sharedTextureCache()->addImageAsync("img/09.png", this, callfuncO_selector(HelloWorld::loadingCallBack));  
  30.         CCTextureCache::sharedTextureCache()->addImageAsync("img/10.png", this, callfuncO_selector(HelloWorld::loadingCallBack));  
  31.         CCTextureCache::sharedTextureCache()->addImageAsync("img/11.png", this, callfuncO_selector(HelloWorld::loadingCallBack));  
  32.         CCTextureCache::sharedTextureCache()->addImageAsync("img/12.png", this, callfuncO_selector(HelloWorld::loadingCallBack));  
  33.         CCTextureCache::sharedTextureCache()->addImageAsync("img/13.png", this, callfuncO_selector(HelloWorld::loadingCallBack));  
  34.         CCTextureCache::sharedTextureCache()->addImageAsync("img/14.png", this, callfuncO_selector(HelloWorld::loadingCallBack));  
  35.         CCTextureCache::sharedTextureCache()->addImageAsync("img/15.png", this, callfuncO_selector(HelloWorld::loadingCallBack));  
  36.         CCTextureCache::sharedTextureCache()->addImageAsync("img/16.png", this, callfuncO_selector(HelloWorld::loadingCallBack));  
  37.         CCTextureCache::sharedTextureCache()->addImageAsync("img/17.png", this, callfuncO_selector(HelloWorld::loadingCallBack));  
  38.         CCTextureCache::sharedTextureCache()->addImageAsync("img/18.png", this, callfuncO_selector(HelloWorld::loadingCallBack));  
  39.         CCTextureCache::sharedTextureCache()->addImageAsync("img/19.png", this, callfuncO_selector(HelloWorld::loadingCallBack));  
  40.   
  41.         bRet = true;  
  42.     } while (0);  
  43.   
  44.     return bRet;  
  45. }  

3. 代码很多都是重复的..只是加载的图片不一样,大家注意加载的图片路径就可以了..接下来实现回调函数


[cpp]  view plain copy
  1. //回调函数  
  2. void HelloWorld::loadingCallBack(CCObject *obj)  
  3. {  
  4.     ++m_nNumberOfLoadedSprites;//每调用一次就+1  
  5.     char tmp[10];  
  6.   
  7.     //这里格式化,因为我们只加载了20张图片,所以除以总数后就是0.05,所以每加载一次就涨5%  
  8.     sprintf(tmp,"%%%d",(int)(((float)m_nNumberOfLoadedSprites / m_nNumberOfSprites) * 100));  
  9.     m_pLabelPercent->setString(tmp);//重设标签的内容  
  10.   
  11.     //判断,如果全部加载完成后,就执行  
  12.     if (m_nNumberOfLoadedSprites == m_nNumberOfSprites)  
  13.     {  
  14.         //移除那两个标签文字..  
  15.         this->removeChild(m_pLableLoading, true);  
  16.         this->removeChild(m_pLabelPercent, true);  
  17.         //调用自己写的函数..从新绘制场景内容  
  18.         addSprite();  
  19.     }  
  20.       
  21. }  

4. 实现addSprite()函数，这个函数从新初始化了场景..然后显示


[cpp]  view plain copy
  1. void HelloWorld::addSprite()  
  2. {  
  3.     CCSize size = CCDirector::sharedDirector()->getWinSize();  
  4.   
  5.     //创建背景图片  
  6.     CCSprite *bg = CCSprite::create("img/bg.png");  
  7.     bg->setPosition(CCPointMake(size.width/2, size.height/2));  
  8.   
  9.     //创建其他小图片  
  10.     CCSprite *s1 = CCSprite::create("img/01.png");  
  11.     CCSprite *s2 = CCSprite::create("img/02.png");  
  12.     CCSprite *s3 = CCSprite::create("img/03.png");  
  13.     CCSprite *s4 = CCSprite::create("img/04.png");  
  14.     CCSprite *s5 = CCSprite::create("img/05.png");  
  15.     CCSprite *s6 = CCSprite::create("img/06.png");  
  16.     CCSprite *s7 = CCSprite::create("img/07.png");  
  17.     CCSprite *s8 = CCSprite::create("img/08.png");  
  18.     CCSprite *s9 = CCSprite::create("img/09.png");  
  19.     CCSprite *s10 = CCSprite::create("img/10.png");  
  20.     CCSprite *s11 = CCSprite::create("img/11.png");  
  21.     CCSprite *s12 = CCSprite::create("img/12.png");  
  22.     CCSprite *s13 = CCSprite::create("img/13.png");  
  23.     CCSprite *s14 = CCSprite::create("img/14.png");  
  24.     CCSprite *s15 = CCSprite::create("img/15.png");  
  25.     CCSprite *s16 = CCSprite::create("img/16.png");  
  26.     CCSprite *s17 = CCSprite::create("img/17.png");  
  27.     CCSprite *s18 = CCSprite::create("img/18.png");  
  28.     CCSprite *s19 = CCSprite::create("img/19.png");  
  29.   
  30.     //设置位置  
  31.     s1->setPosition(CCPointMake(70, size.height/2));  
  32.     s2->setPosition(CCPointMake(90, size.height/2));  
  33.     s3->setPosition(CCPointMake(110, size.height/2));  
  34.     s4->setPosition(CCPointMake(130, size.height/2));  
  35.     s5->setPosition(CCPointMake(150, size.height/2));  
  36.     s6->setPosition(CCPointMake(170, size.height/2));  
  37.     s7->setPosition(CCPointMake(190, size.height/2));  
  38.     s8->setPosition(CCPointMake(210, size.height/2));  
  39.     s9->setPosition(CCPointMake(230, size.height/2));  
  40.     s10->setPosition(CCPointMake(250, size.height/2));  
  41.     s11->setPosition(CCPointMake(270, size.height/2));  
  42.     s12->setPosition(CCPointMake(290, size.height/2));  
  43.     s13->setPosition(CCPointMake(310, size.height/2));  
  44.     s14->setPosition(CCPointMake(330, size.height/2));  
  45.     s15->setPosition(CCPointMake(350, size.height/2));  
  46.     s16->setPosition(CCPointMake(370, size.height/2));  
  47.     s17->setPosition(CCPointMake(390, size.height/2));  
  48.     s18->setPosition(CCPointMake(410, size.height/2));  
  49.     s19->setPosition(CCPointMake(430, size.height/2));  
  50.   
  51.     //添加进入场景  
  52.     this->addChild(bg);  
  53.   
  54.     this->addChild(s1);  
  55.     this->addChild(s2);  
  56.     this->addChild(s3);  
  57.     this->addChild(s4);  
  58.     this->addChild(s5);  
  59.     this->addChild(s6);  
  60.     this->addChild(s7);  
  61.     this->addChild(s8);  
  62.     this->addChild(s9);  
  63.     this->addChild(s10);  
  64.     this->addChild(s11);  
  65.     this->addChild(s12);  
  66.     this->addChild(s13);  
  67.     this->addChild(s14);  
  68.     this->addChild(s15);  
  69.     this->addChild(s16);  
  70.     this->addChild(s17);  
  71.     this->addChild(s18);  
  72.     this->addChild(s19);  
  73. }  

这样,运行的时候就会出现读条界面了,但是闪的很快,比较电脑的处理能力还是很快的嘛..可以在回调函数里面设置一个断点，就会发现是5%的增长..


就我的理解来说,这一个例子的思路,首先是把图片加载进入内存.然后出发一次回调函数,更新读条进度..直到100%就调用另外函数...


图片的话,随便弄个几张就好了.显示效果的话,注意设置位置就行，也可以用我的图片啦：

http://115.com/file/anpzdgqa#img.rar


by...XX


MiKiNuo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Cocos2d-x 3.10 资源加载进度条Loading显示百分比
Ferla_Mel的博客
01-09 1912
参考：http://blog.csdn.net/star530/article/details/19420317 最近在学习Cocos2dx 练习的过程 简单记录一下 参考博文在上边 转载请注明！ 本文比较适合刚接触cocos2dx的朋友，简单易懂，话不多说 下边开始！ 步骤： 1.创建Label和ProgressTimer 2.加载资源，每加载一张就调
cocos2d-X 进度条
郭胜龙的技术博客
09-18 1573
在Cocos2d-x 2.0中有一个工程例子叫"ActionsProgressTest",故明思义是进度动画的演示，应该说在几乎所有的RPG类游戏中我们都会看到进度条，所以进度动画的作用之大是无须我多言。我们本节就来学习一下Cocos2d-x 2.0的进度动画。           首先,先把那个"ActionsProgressTest"放一边，我要做的不是让大家去知其然，而是要知其所以然。
【Cocos2d-x】新手自学(七)百分比读取进度加载图片资源到缓存(2.0.1版本)
杨名天吓
09-10 2524
昨天下载了最新的cocos2d-x   是2.0.1版本的...所以本文章是参考2.0版本的例子写的... 可以发现,2.0版本后不单单只有一个帧率了..还多了两个参数.第一个参数可以理解为场景中的对象个数吧.第二个还不清楚... 1. 创建好一个工程后,先修改对于的.h文件 [cpp] view
Cocos2d-x 实现Loading界面加载资源进度条显示百分比（回调函数）
u011269801的专栏
08-24 1349
请参见博客：  http://blog.sina.com.cn/s/blog_923fdd9b0101f70w.html  （Cocos2d-x 3.0以下版本） http://blog.csdn.net/star530/article/details/19420317 （Cocos2d-x 3.0以上版本）
Cocos Creator 3.x 如何完美的获取远程Bundle加载进度
Cocos的博客
03-29 793
正文对于游戏来说，详细的资源加载进度展示是相当重要的。可以让玩家了解游戏加载的进度，避免了玩家长时间等待而感到沮丧或无聊。可以让玩家更好地了解游戏加载的时间和进度，更好地规划自己的时间，知道何时可以开始游戏，而不会中途离开或失去耐心。1.Bundle介绍从 v2.4 开始，Creator 正式支持 Asset Bundle 功能。Asset Bundle 作为资源模块化工具，允许开发者按照项目需求...
cocos creator 3.6 发布web手机端 加载进度条添加
最新发布
小龙的博客
04-20 932
Cocos creator 3.6 web版进度条
[cocos2dx]基于Cocos2d-x引擎的游戏框架设计
超越
04-27 6924
游戏架构与实现 目前，很多基于cocos2d-x的代码基本上仅是对引擎功能的使用，完全不能按照游戏项目的标准来参考。作为游戏项目代码，不仅需要实现游戏的诸多功能，还需要从架构层面，从模块设计的角度来思考和设计，使代码具有更好的复用性和拓展性。 对于游戏客户端，按照功能模块的区别可分为：引擎封装层模块、游戏数据管理模块、应用程序配置模块、日志记录模块、网络管理模块、消息事件机制模块、输入输出控制
BPDownload:断点持续下载文件这是一个以Cocos2d-x c ++断点续传功能下载文件的项目源码-源码下载
03-24
Cocos2d-x提供了丰富的UI组件，如Label和Progress Bar，可以用来创建直观的下载进度条。 7. **状态持久化**：当应用退出或设备重启时，需要保存下载状态，以便下次启动时能够恢复。这通常涉及到JSON、XML或数据库等...
Cocos2d-x 2.x、3.x读书摘要（2016-6-25 07:18）
u010401391的专栏
02-08 1万+
20170326添加： 尽量使用最新的类,因为被遗弃的类一般都有功能和性能上的缺陷,所以不建议使用。 对于EditBox类，在2.2.6版本之前，在iOS 8上，如果单击输入，键盘弹出时，会发生界面偏移错误，出现黑色背景部分。关闭键盘时，界面偏移不回来了。 引擎3.5/2.2.6解决了这个Bug。 2.2.6版本中修复了iPhone6和iPhone6 Plus的一些BUG，支持苹果的64位架构。 ...
cocosCreator 用进度条展示场景加载进度
王扬扬的博客
05-12 2683
代码如下： onLoad () { var _this = this; _this.beginGame = cc.find("Canvas/bg/begin"); _this.progressBar = cc.find("Canvas/bg/progressBar"); _this.loadLabel = cc.find("Canvas/bg/loadLabel"); cc.director.preloadScene
cocos creator加载和预加载（进度条）远程服务器资源教程
wangdanping2012的专栏
03-29 1866
相信很多开发微信小游戏的小伙伴都清楚，微信为了用户对小游戏更好的体验，对上传的包体整体大小设置了4mb以下（4mb!emmm~~~），那么只好把游戏的一些资源放在服务器上了。 废话不多说，我以cocos creator引擎加载几张放在apache服务器上的图片为例 ps：我使用的服务器是自己的，另外服务器使用的是centos的操作系统 在服务器上搭建apache服务器请看centos6....
cocos creator微信小游戏 加载进度页面
qq_18924323的博客
07-14 2013
参考文档 1、Cocos creator 微信小游戏 加载远程资源启动页 https://blog.csdn.net/nihaoqlw/article/details/85139823 2、手把手教你制作微信小游戏的下载进度条-适用于cocos3D https://forum.cocos.org/t/cocos3d/89614 正文 1、添加 loading-scene 页面内容 loading-scene.js 是主要页面代码，其他的图片文件是进度条资源，loading-scene2.js是参考文件(没
cocosCreator 之 resources动态加载、预加载和进度条实现
qq_24726043的博客
08-05 5194
cocosCreator resources动态加载，预加载相关内容
Cocos2dx之进度条使用，异步加载资源进缓存
.
03-14 6529
在游戏前通常都会加载好游戏中需要用到的资源，游戏的时候绘图才不会让内存飙升，不那么卡顿， 加载资源存到缓存时有一点点需要等待的时间，那么就设置一个场景显示一下进度条，加载完成就切换场景进入主游戏 进度条所在的头文件 class LoadingScene : public cocos2d::CCLayer { public: CREATE_FUNC(LoadingScene); boo
cocos2dx中加载图片资源的方法,和从内存中获取已经加载的图片资源的方法 以及释放问题
hongkebobby的博客
01-10 6017
游戏中通常需要将常用的资源如:声音,图片,plist文件,提前加载进内存,以加快游戏的流畅度 1.预加载声音: SimpleAudioEngine::getInstance()->preloadBackgroundMusic("boom.mp3"); 加载之后就可以直接播放:SimpleAudioEngine::getInstance()->playBackgroundMusic("boom
cocos creator 进度条添加进度动画
热门推荐
唯一的信仰
05-23 1万+
需求在一个批量制作时，会有一个进度条，一直在刷新，方便查看进度。为了用户体验更好，在进度条上添加一个动画，不断的刷新（从开始走到现进度的地方后再从头开始），嗯~俗点说就是感觉在不断地挤着它在前进。方案1.通过进度的百分比，再通过动画总时长，按比例截取，再调用Animation的setCurrentTime方法设置播放。　　2.通过进度的百分比，再通过动画总时长，按比例算出应该播放时长，在定时器中对...
cocos2d-x 菜鸟学习笔记三（图片预加载与进度条）
cyistudio的专栏
05-21 7036
在做游戏时，会用于很多和图片资源，包括角色，动画，纹理贴图……为了减少GPU和CPU的缓存占用以及图片的重复利用，在游戏开始时，都会预加载这些资源进入缓存，在cocos2d-x里用的是CCTextureCache这个类。其实，在cocos2d-x自带的TestCpp里有对应的例子，在里面用的是： addImageAsync(const char *path, CCObject *targe
cocos2d-x游戏开发入门教程
本文档主要介绍了cocos2d-x游戏引擎的学习笔记，涵盖了cocos2d-x的基本概念、安装步骤、项目创建等内容，旨在帮助新手快速入门cocos2d-x游戏引擎。 一、cocos2d-x游戏引擎简介 cocos2d-x是一个开源的跨平台游戏...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值