Cocos2d-x如何控制动作速度

基本动作和组合动作实现了针对精灵的各种运动和动画效果的改变。但这样的改变速度匀速的、线性的。通过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))) 随机设置变换速度。

更多内容请关注Cocos2d-x系列图书《Cocos2d-x实战（卷Ⅰ）：C++开发》
本书交流讨论网站：http://www.cocoagame.net
欢迎加入cocos2d-x技术讨论群：257760386、327403678

Cocos2d-x如何控制动作速度

时间： 2024-12-29 07:04:40

Cocos2d-x如何控制动作速度的相关文章

Cocos2d-x怎样控制动作速度

基本动作和组合动作实现了针对精灵的各种运动和动画效果的改变.但这种改变速度匀速的.线性的.通过ActionEase及其的派生类和Speed 类我们能够使精灵以非匀速或非线性速度运动,这样看起了效果更加逼真. ActionEase的类图例如以下图所看到的. 以下我们通过一个实例介绍一下这些动作中速度的控制的使用,这个实比例如以下图所看到的,上图是一个操作菜单场景,选择菜单能够进入到下图动作场景,在下图动作场景中点击Gobutton能够运行我们选择的动作效果,点击Backbutton能够返回到菜单场

cocos2d横版游戏之摇杆控制

以上是一个控制摇杆,分为一个底座和摇杆小圈圈,我们的目的是通过算出摇杆小圈跟底座中心的偏移来控制任务的走向,我们计算出一个偏移量来,然后在场景update(foat dt)...每一帧的位置上加上这个偏移量,不停的播放行走动画(当然人物的朝向要对),就可以达到控制任务行走的效果了,这一点你可能一下子就会想到高中学过的向量的加减处理了......坐标象限....之类的. void DirectionControlButton::controlTargetMove(CCTouch *pTouch){

8 cocos2dx添加场景切换效果，控制场景切换彻底完成之后再执行动画

 1 添加场景切换效果 供场景切换的类: CCTransitionJumpZoom CCTransitionProgressRadialCCW CCTransitionProgressRadialCW CCTransitionProgressHorizontal CCTransitionProgressVertical CCTransitionProgressInOut CCTransitionProgressOutIn CCTransitionCrossFade CCTransitionF

cocos2D 虚拟摇杆Joystick功能实现

@implementation InputLayer        - (id)init    {        if(self = [super init])        {            winSize = [[CCDirector sharedDirector] winSize];            [self addJoystick];            [self addFireButton];            [self scheduleUpdate];   

Cocos2d-x 自定义按钮类控制精灵攻击----之游戏开发《赵云要格斗》

本篇要讲讲怎么自定义按钮类,并通过这个按钮类的对像来控制精灵的攻击.在看本篇之前最好先看看上一篇 Cocos2d-x虚拟摇杆控制精灵上下左右运动----之游戏开发<赵云要格斗>,要素材和项目代码的把邮箱留下吧,因为这个项目还没弄完,我一直在改. 精灵的攻击也是一个动画,只不过,这个动画只播放一次,相当于在界面上加一个按钮,然后你点一次按钮,精灵就播放一次动画. 一.自定义按钮类 按钮可以用COCOS2D-X自带的,想着方便一点,我就自己封装了一个按钮类ControlButton,在里面添加一个

cocos2d 3.0 屏幕适配

1.解决方案 先直接给出解决方案,再慢慢解释,当然这个解决方案也不是完全完美的. [cpp] view plaincopy //如果是横屏游戏: glview->setDesignResolutionSize(960, 640, ResolutionPolicy::FIXED_HEIGHT); //一张960x640的背景显示 auto visibleSize = Director::getInstance()->getVisibleSize(); auto Bg = Sprite::crea

quick cocos2d x 手机（Android端）启动过程学习

简要学习下quick cocos2d x 在安卓端启动的过程. 首先需要了解一点:quick cocos2d x是依托于Android的activity和GLSurfaceView(继承自SurfaceView)的环境来显示quick层的游戏界面. (1)首先quick类的android游戏从AndroidManifest.xml文件指定的activity(假设AC)启动. (2)AC继承父类的Cocos2dxActivity. (3)调用静态初始化块,加载cocos2dx的动态库.也就是一些C

使用 Cocos2d 3.1.1 创建 Windows Phone 8 游戏开发环境

cocos2d-x 是目前流行的游戏游戏开发框架,目前最新的版本是 3.1.1, 网上有些教程已经比较老了,本文将会介绍如何使用最新的 3.1.1 创建 Windows Phone 8 开发环境. 本文假设你已经安装了 VS2012 或者 VS2013,并且已经安装了 Windows Phone8 的 SDK. 一.下载和安装 Cocos2d-x 官网地址:http://www.cocos2d-x.org/ 点击菜单栏中的 Download, 进入下载页面. 我们下载最新的 V3.1.1,新版功

cocos2d基本类介绍 director/scene/layer/sprite

[核心类]     导演Director.场景Scene.布景层Layer.精灵Sprite的概念请移步:     导演控制场景,场景控制图层,图层控制精灵,精灵控制动作.     相互之间的关系框架如下图所示:     由此看出:         (1)整个游戏一般只有一个导演.         (2)一个游戏可以由多个场景组成(菜单界面.游戏界面.游戏结束界面等),但是每次导演只能指导一个场景的运作.         (3)一个场景可以由多个图层组成(背景层.道具层.英雄层.怪物层等,每个图