这几天在看控件类,临时没有想好实际运用的方向。单纯的创建网上已经有非常多这方面的样例,我就不写了。接下来是学习精灵类。精灵类若是单独学习也是非常easy。于是我加了一些有关动画方面的知识点与精灵类一起使用。让精灵播放简单的帧动画。

首先我们准备好动画素材,我在网上下了一个小游戏。将里面的素材做成了png和plist大图以供程序调用。我是用TexturePackerGUI来生成plist的。我选的是一个简单的待机动作,我们的目的就是让这张图动起来~

第一种方式:使用CCSpriteFrame

// 利用 CCTexture2D读取图片
CCTexture2D *texture = CCTextureCache::sharedTextureCache()->addImage("hero/hero_standby.png"); // 生成序列帧。CCRectMake的4个參数(x,y,width,height)分别代表取该图片中坐标为x,y宽高为width,height的图
// 以下读出4个图暂存在frame中
CCSpriteFrame *frame0 = CCSpriteFrame::createWithTexture(texture, CCRectMake(0, 114 * 0, 66, 114));
CCSpriteFrame *frame1 = CCSpriteFrame::createWithTexture(texture, CCRectMake(66.25, 114 * 0, 66, 114));
CCSpriteFrame *frame2 = CCSpriteFrame::createWithTexture(texture, CCRectMake(66.25*2, 114 * 0, 66, 114));
CCSpriteFrame *frame3 = CCSpriteFrame::createWithTexture(texture, CCRectMake(66.25 * 3, 114 * 0, 66, 114)); //以下这行代码是设置默认图片和初始位置,由于COCOS2dx须要默认原始的图片
CCSprite* sprite = CCSprite::createWithSpriteFrame(frame0);
sprite->setPosition(ccp(size.width / 2, size.height / 2 +100));
addChild(sprite); //将5张读出来的图加到一个动画序列
CCArray *animFrames = new CCArray(4);
animFrames->addObject(frame0);
animFrames->addObject(frame1);
animFrames->addObject(frame2);
animFrames->addObject(frame3); //将5个动画帧生成CCAnimation对象 0.2f代表每一个之间的间隔时间
CCAnimation *animation = CCAnimation::createWithSpriteFrames(animFrames, 0.2f); //最后依据动画模板创建动画
CCAnimate *animate = CCAnimate::create(animation); //给精灵设置之前创建好的动作
sprite->runAction(CCRepeatForever::create(animate));

另外一种方式:使用CCSpriteFrameCache类读取plist

//将你须要的图片做成plist,然后用CCSpriteFrameCache读取出来
CCSpriteFrameCache* cache = CCSpriteFrameCache::sharedSpriteFrameCache();
cache->addSpriteFramesWithFile("hero/hero_standby.plist", "hero/hero_standby.png"); //创建精灵并将读取出来的第一张图片作为默认图片
CCSprite* sprite1 = CCSprite::createWithSpriteFrame(cache->spriteFrameByName("20005_1.png"));
sprite1->setPosition(ccp(size.width / 2, size.height / 2 - 100));
addChild(sprite1); //相同设置动画序列。这下面的步骤与第一种方式相同了
CCArray *animFrames1 = new CCArray(4);
animFrames1->addObject(cache->spriteFrameByName("20005_1.png"));
animFrames1->addObject(cache->spriteFrameByName("20005_3.png"));
animFrames1->addObject(cache->spriteFrameByName("20005_5.png"));
animFrames1->addObject(cache->spriteFrameByName("20005_7.png")); CCAnimation *animation1 = CCAnimation::createWithSpriteFrames(animFrames1, 0.2f);
CCAnimate *animate1 = CCAnimate::create(animation1);
sprite1->runAction(CCRepeatForever::create(animate1));

认真写过这两种方式而且理解之后就能发现,第一种方式有些蛋疼,须要自己找图片位置,我也不知道是不是还有其它更加便捷的方式,只是非常明显另外一种方式更加科学。不知道还有没其它更好的方法呢?知道的同学能够交流一下哦~

可能有人不知道plist是什么。详细我就不解释了。自己去查查,我仅仅说我们这里能用到的信息,里面记录了图片的名称和在大图中的位置,所以直接读取plist是很方便的。

做完这个样例还是有些小激动的。由于最终有点认为自己在做游戏了,嘿嘿。

版权声明:本文博客原创文章。博客,未经同意,不得转载。

Cocos2d-x学习笔记(五岁以下儿童) 精灵两种方式播放动画的更多相关文章

  1. react学习笔记1之声明组件的两种方式

    //定义组件有两种方式,函数和类 function Welcome(props) { return <h1>Hello, {props.name}</h1>; } class ...

  2. angular学习笔记(三)-视图绑定数据的两种方式

    绑定数据有两种方式: <!DOCTYPE html> <html ng-app> <head> <title>2.2显示文本</title> ...

  3. Android自动化学习笔记:编写MonkeyRunner脚本的几种方式

    ---------------------------------------------------------------------------------------------------- ...

  4. Android(java)学习笔记191:Android数据存储5种方式总结

    1.使用文件(File)存储 存储一般的数据 2.使用sharedperference(xml) 存储设置信息.配置信息.密码 3.数据库Sqlite 开源的,嵌入式的数据库,轻量级 4.使用Cont ...

  5. MySQL学习笔记(2) - 修改MySQL提示符的两种方法

    学习于慕课网 http://www.imooc.com/video/1806 1.方法一: cmd中处于未登录状态时,输入 mysql -uroot -p自己的密码 --prompt 新的提示符 示例 ...

  6. Android(java)学习笔记134:Android数据存储5种方式总结

    1.使用文件(File)存储 存储一般的数据 2.使用sharedperference(xml) 存储设置信息.配置信息.密码 3.数据库Sqlite 开源的,嵌入式的数据库,轻量级 4.使用Cont ...

  7. 十四、Android学习笔记_Android回调函数触发的几种方式 广播 静态对象

    一.通过广播方式: 1.比如登录.假如下面这个方法是外界调用的,那么怎样在LoginActivity里面执行登录操作,成功之后在回调listener接口呢?如果是平常的类,可以通过构造函数将监听类对象 ...

  8. Android(java)学习笔记147:textView 添加超链接(两种实现方式,,区别于WebView)

    1.方式1: LinearLayout layout = new LinearLayout(this); LinearLayout.LayoutParams params = new LinearLa ...

  9. C# Emgu CV学习笔记二之图像读写的两种方法

    http://blog.csdn.net/marvinhong/article/details/6800450 图像显示在控件loadPictureBox上 方法一 //读取图像001.jpg Int ...

随机推荐

  1. Android短信监听(二)——利用ContentObserver实现短信监听

    MainActivity例如以下: package cc.testsmslistener; import cc.testsmslistener.SMSContentObserver.MessageLi ...

  2. uva 1151 - Buy or Build poj 2784 Buy or Build(最小生成树)

    最小生成树算法简单 只是增加了一些新的东西,对于需要最小生成树算法 和中 并检查使用的一系列 还有一些更深入的了解. 方法的一些复杂问题 #include<cstdio> #include ...

  3. OCA读书笔记(12) - 数据库维护

    查询优化器统计信息 搜集统计信息: 不是实时的: SQL> conn /as sysdbaConnected.SQL> grant select on dba_objects to sco ...

  4. mvc action 有多种跳转

    在ASP.NET mvc下,action 有多种跳转方式: return RedirectToAction("Index");//一个参数时在本Controller下 如果Redi ...

  5. 用jsp写注冊页面

    包含单选框.多选框.session的应用,页面自己主动跳转,中文乱码的处理,入门级 对于中文乱码的处理,注意几点:注冊页面数据提交方式为post不能忘了写,页面编码方式为gbk,处理提交信息的doRe ...

  6. Direct UI

    在界面开发中,眼下DirectUI是个热门的技术名称,由于众多的知名公司都是用DirectUI方式作出了非常炫丽的界面.而对于大多数熟悉Win32控件,熟悉MFC开发的开发者来说,我们应该做何选择? ...

  7. git/github初级运用自如 (转)

    三 . 设置用户信息 这一步不是很重要,貌似不设置也行,但github官方步骤中有,所以这里也提一下. 在git中设置用户名,邮箱 $ git config --global user.name &q ...

  8. Invalid embedded descriptor for ".proto".Dependencies passed (Protobufer)解决办法

    前言 之前开发的时候,发现居然出现了Dependencies passed to FileDescriptor.buildFrom() don't match those listed in the ...

  9. linux它SQL声明简明教程---WHERE

    我们并不一定必须注意,每次格里面的信息是完全陷入了.在很多情况下,我们需要有选择性地捕捞数据.对于我们的样本.我们可以只抓住一个营业额超过 $1,000 轮廓. 做这个事情,我们就须要用到 WHERE ...

  10. Windows下安装MySQLdb, Python操作MySQL数据库的增删改查

    这里的前提是windows上已经安装了MySQL数据库,且配置完成,能正常建表能操作. 在此基础上仅仅需安装MySQL-python-1.2.4b4.win32-py2.7.exe就ok了.仅仅有1M ...