基本动作和组合动作实现了针对精灵的各种运动和动画效果的改变。但这样的改变速度匀速的、线性的。通过ActionEase及其的派生类和Speed 类我们可以使精灵以非匀速或非线性速度运动,这样看起了效果更加逼真。
ActionEase的类图如下图所示。
下面我们通过一个实例介绍一下这些动作中速度的控制的使用,这个实例如下图所示,上图是一个操作菜单场景,选择菜单可以进入到下图动作场景,在下图动作场景中点击Go按钮可以执行我们选择的动作效果,点击Back按钮可以返回到菜单场景。
下面我们再看看具体的程序代码,首先看一下看HelloWorldScene.h文件,它的代码如下:
[html] view plaincopy
- #ifndef __HELLOWORLD_SCENE_H__
- #define __HELLOWORLD_SCENE_H__
- #include "cocos2d.h"
- #include "MyActionScene.h"
- typedef enum ①
- {
- kEaseIn = 1
- ,kEaseOut
- ,kEaseInOut
- ,kEaseSineIn
- ,kEaseSineOut
- ,kEaseSineInOut
- ,kEaseExponentialIn
- ,kEaseExponentialOut
- ,kEaseExponentialInOut
- ,kSpeed
- } ActionTypes; ②
- class HelloWorld : public cocos2d:ayer
- {
- public:
- static cocos2d::Scene* createScene();
- virtual bool init();
- void OnClickMenu(cocos2d::Ref* pSender);
- CREATE_FUNC(HelloWorld);
- };
- #endif // __HELLOWORLD_SCENE_H__
上述代码第①~②是定义个枚举类型ActionTypes,枚举类型ActionTypes中定义了10个常量,这10个常量对应10个菜单项。
HelloWorldScene的实现代码HelloWorldScene.ccp文件,它的主要代码如下:
[html] view plaincopy
- bool HelloWorld::init()
- {
- if( !Layer::init() )
- {
- returnfalse;
- }
- SizevisibleSize = Director::getInstance()->getVisibleSize();
- Pointorigin = Director::getInstance()->getVisibleOrigin();
- autobg = Sprite::create("background.png");
- bg->setPosition(Point(visibleSize.width/2,visibleSize.height /2));
- this->addChild(bg);
- autopItmLabel1 = Label::createWithBMFont("fonts/fnt2.fnt","EaseIn");
- autopItmMenu1 = MenuItemLabel::create(pItmLabel1,
- CC_CALLBACK_1(HelloWorld::OnClickMenu, this));
- pItmMenu1->setTag(kEaseIn);
- autopItmLabel2 = Label::createWithBMFont("fonts/fnt2.fnt","EaseOut");
- autopItmMenu2 = MenuItemLabel::create(pItmLabel2,
- CC_CALLBACK_1(HelloWorld::OnClickMenu,this));
- pItmMenu2->setTag(kEaseOut);
- autopItmLabel3 = Label::createWithBMFont("fonts/fnt2.fnt","EaseInOut");
- autopItmMenu3 = MenuItemLabel::create(pItmLabel3,
- CC_CALLBACK_1(HelloWorld::OnClickMenu,this));
- pItmMenu3->setTag(kEaseInOut);
- autopItmLabel4 = Label::createWithBMFont("fonts/fnt2.fnt","EaseSineIn");
- autopItmMenu4 = MenuItemLabel::create(pItmLabel4,
- CC_CALLBACK_1(HelloWorld::OnClickMenu,this));
- pItmMenu4->setTag(kEaseSineIn);
- autopItmLabel5 = Label::createWithBMFont("fonts/fnt2.fnt", "EaseSineOut");
- autopItmMenu5 = MenuItemLabel::create(pItmLabel5,
- CC_CALLBACK_1(HelloWorld::OnClickMenu,this));
- pItmMenu5->setTag(kEaseSineOut);
- autopItmLabel6 = Label::createWithBMFont("fonts/fnt2.fnt","EaseSineInOut");
- autopItmMenu6 = MenuItemSprite::create(pItmLabel6,
- CC_CALLBACK_1(HelloWorld::OnClickMenu,this));
- pItmMenu6->setTag(kEaseSineInOut);
- autopItmLabel7 = Label::createWithBMFont("fonts/fnt2.fnt","EaseExponentialIn");
- autopItmMenu7 = MenuItemSprite::create(pItmLabel7,
- CC_CALLBACK_1(HelloWorld::OnClickMenu,this));
- pItmMenu7->setTag(kEaseExponentialIn);
- autopItmLabel8 = Label::createWithBMFont("fonts/fnt2.fnt","EaseExponentialOut");
- autopItmMenu8 = MenuItemLabel::create(pItmLabel8,
- CC_CALLBACK_1(HelloWorld::OnClickMenu,this));
- pItmMenu8->setTag(kEaseExponentialOut);
- autopItmLabel9 = Label::createWithBMFont("fonts/fnt2.fnt","EaseExponentialInOut");
- autopItmMenu9 = MenuItemLabel::create(pItmLabel9,
- CC_CALLBACK_1(HelloWorld::OnClickMenu,this));
- pItmMenu9->setTag(kEaseExponentialInOut);
- autopItmLabel10 = Label::createWithBMFont("fonts/fnt2.fnt","Speed");
- autopItmMenu10 = MenuItemLabel::create(pItmLabel10,
- CC_CALLBACK_1(HelloWorld::OnClickMenu,this));
- pItmMenu10->setTag(kSpeed);
- automn = Menu::create(pItmMenu1,pItmMenu2,pItmMenu3,pItmMenu4,pItmMenu5,
- pItmMenu6,pItmMenu7,pItmMenu8,pItmMenu9,pItmMenu10,NULL);
- mn->alignItemsInColumns(2,2, 2, 2, 2, NULL);
- this->addChild(mn);
- returntrue;
- }
- void HelloWorld::OnClickMenu(Ref* pSender)
- {
- MenuItem*nmitem = (MenuItem*)pSender;
- auto sc = Scene::create();
- auto layer = MyAction::create();
- layer->setTag(nmitem->getTag());
- sc->addChild(layer);
- autoreScene = TransitionSlideInR::create(1.0f, sc);
- Director::getInstance()->replaceScene(reScene);
- }
在上诉代码大家比较熟悉了,我们这里就不再介绍了。下面我们再看看下一个场景MyActionScene,它的MyActionScene.ccp,它的主要代码如下:
[html] view plaincopy
- void MyAction::goMenu(Ref* pSender)
- {
- log("Tag = %i",this->getTag());
- FiniteTimeAction * ac1 = (FiniteTimeAction *)MoveBy::create(2,Point(200, 0));
- FiniteTimeAction * ac2 = ((FiniteTimeAction *)ac1)->reverse();
- ActionInterval * ac = Sequence::create(ac1, ac2, NULL);
- switch (this->getTag()) {
- case kEaseIn:
- sprite->runAction(EaseIn::create(ac, 3)); ①
- break;
- case kEaseOut:
- sprite->runAction(EaseOut::create(ac, 3)); ②
- break;
- case kEaseInOut:
- sprite->runAction(EaseInOut::create(ac,3)); ③
- break;
- case kEaseSineIn:
- sprite->runAction(EaseSineIn::create(ac)); ④
- break;
- case kEaseSineOut:
- sprite->runAction(EaseSineOut::create(ac)); ⑤
- break;
- case kEaseSineInOut:
- sprite->runAction(EaseSineInOut::create(ac)); ⑥
- break;
- case kEaseExponentialIn:
- sprite->runAction(EaseExponentialIn::create(ac)); ⑦
- break;
- case kEaseExponentialOut:
- sprite->runAction(EaseExponentialOut::create(ac)); ⑧
- break;
- case kEaseExponentialInOut:
- sprite->runAction(EaseExponentialInOut::create(ac)); ⑨
- break;
- case kSpeed:
- sprite->runAction(Speed::create(ac, (CCRANDOM_0_1() * 5))); ⑩
- break;
- }
- }
第①行代码sprite->runAction(EaseIn::create(ac, 3))是以3倍速度由慢至快。第②代码sprite->runAction(EaseOut::create(ac, 3))是以3倍速度由快至慢。第③代码sprite->runAction(EaseInOut::create(ac, 3))是以3倍速度由慢至快再由快至慢。
第④代码sprite->runAction(EaseSineIn::create(ac))是采用正弦变换速度由慢至快。第⑤代码sprite->runAction(EaseSineOut::create(ac))是采用正弦变换速度由快至慢。第⑥代码sprite->runAction(EaseOut::create(ac, 3)) 是采用正弦变换速度由慢至快再由快至慢。
第⑦代码sprite->runAction(EaseExponentialIn::create(ac))采用指数变换速度由慢至快。第⑧代码sprite->runAction(EaseExponentialOut::create(ac))采用指数变换速度由快至慢。第⑨代码sprite->runAction(EaseExponentialInOut::create(ac)) 采用指数变换速度由慢至快再由快至慢。
第⑩代码sprite->runAction(Speed::create(ac, (CCRANDOM_0_1() * 5))) 随机设置变换速度。
本书交流讨论网站:http://www.cocoagame.net
《Cocos2d-x实战 C++卷》现已上线,各大商店均已开售:
京东:http://item.jd.com/11584534.html
当当:http://product.dangdang.com/23606265.html
互动出版网:http://product.china-pub.com/3770734
《Cocos2d-x实战 C++卷》源码及样章下载地址:
源码下载地址:http://51work6.com/forum.php?mod=viewthread&tid=1155&extra=page%3D1
样章下载地址:http://51work6.com/forum.php?mod=viewthread&tid=1157&extra=page%3D1
相关推荐
Cocos2D-X开发学习笔记-动作类之基础动作的使用示例(下) 教程地址:http://blog.csdn.net/yangyu20121224/article/details/9840757
Cocos2d-x横版动作手游完整源码Source
第1章 Cocos2D-X引擎的介绍 1 1.1 何为游戏引擎 1 1.1.1 游戏的核心—引擎 1 1.1.2 引擎的特点 2 1.1.3 知名的引擎介绍 4 1.1.4 引擎的分类 5 1.2 Cocos2D-X引擎的来历 8 1.3 引擎的版本 9 1.4 下载与安装 10 1.5 ...
cocos2d-x Action类及动作回调函数的使用,适合初学者。
钟迪龙所著的《Cocos2d-x游戏开发之旅(附光盘)》介绍Cocos2d-x的基础知识:基本知识、基本结构、控件、动作以及屏幕触摸事件的使用。介绍Cocos2d-x更高阶的内容,包括渲染效率的提高、动画、TexturePacker图片打包、...
本书共29章,按内容结构可分为六篇: 第一篇开发基础,即第2章~第8章,内容包括Cocos2d-x简介、环境搭建、字符串、标签、菜单、精灵、场景、层、动作、特效、动画和Cocos2d-x用户事件。 第二篇开发进阶,即第9章~...
cocos2d-x简易动作游戏源代码,讲解请关注我的博客 博客地址:http://blog.csdn.net/bill_man
第五章主要介绍Cocos2d-x核心技术,这里包括Cocos2d-x的核心类CCDirector、CCScene、CCNode、CCLayer、CCSprite、CCAction等,通过案例来介绍Cocos2d-x的场景、图层、交互、动作、动画、粒子效果、游戏地图、物理...
cocos2d-x游戏实例-简易动作游戏,详见我的csdn博客http://blog.csdn.net/bill_man
Cocos2D-X开发学习笔记-动作管理类的使用示例 教程地址:http://blog.csdn.net/yangyu20121224/article/details/10007849
Cocos2D-X开发学习笔记——动作类之改变动作对象、函数回调动作以及过程动作的使用。 教程地址:http://blog.csdn.net/yangyu20121224/article/details/9852205
《cocos2d-x高级开发教程:制作自己的[捕鱼达人]》以《捕鱼达人》游戏为案例,全面系统地讲解了cocos2d-x 的功能与特性,以及进行游戏开发的基本思路,包括游戏框架的搭建、基本游戏元素的使用、动作、音乐与音效、...
cocos2d-x横版ACT动作手游《火影快打》完整源码一款超赞的横版ACT手游,vs2010+cocos2d-x-2.2.2开发,程序用c++,做手游的朋友注意了
cocos2d-x写的,有完善的物理碰撞检测机制
cocos2d-x学习笔记(7)--动作(Actions).rar
cocos2d-x游戏实例源码打包,包含多个游戏实例:萝莉快跑、瞄汪战争、动作游戏、纵版射击游戏、飞行游戏、蜘蛛人等多个源代码例子。
Cocos2D-X开发学习笔记-动作类之摄像机动作和基本样条动作的使用示例 教程地址:http://blog.csdn.net/yangyu20121224/article/details/9851099
Cocos2D-X开发学习笔记-网格动作类的使用示例 教程地址:http://blog.csdn.net/yangyu20121224/article/details/10011991
是由object-C移植而来的JavaScript版本。 主要功能: 流程控制(Flow control):非常容易地管理不同场景(scenes)之间的流程控制 ...http://article.ityran.com/archives/tag/cocos2d-html5系列教程