【Cocos2d-X开发学习笔记】第13期：动作类之基本动作的使用（上）

最新推荐文章于 2022-03-09 18:06:21 发布
最新推荐文章于 2022-03-09 18:06:21 发布
阅读量2.4k 收藏 3
点赞数 1
分类专栏： Cocos2d-X开发学习笔记 文章标签： Cocos2D-X游戏开发 手机游戏开发 Cocos2d-x
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangyu20121224/article/details/9774103
版权

 本系列学习教程使用的是cocos2d-x-2.1.4（最新版为3.0alpha0-pre） ，PC开发环境Windows7，C++开发环境VS2010

 

 

这一期我们要学习到的基本动作有移动动作、缩放动作、旋转动作以及扭曲动作。

 

一、基本动作

 

1、CCAction的子类CCFiniteTimeAction分为瞬时动作（CCActionInstant）和延时动作（CCActionInterval），其中瞬

时动作（CCActionInstant）的子类见下图所示。

       瞬时动作，顾名思义，就是直接调用结果的动作，这中间不产生任何动画效果。

 

2、延时动作（CCActionInterval）则不同，它会形成动画过程，其子类见下图所示。         

 

 

二、移动动作

 

1、首先看CCMoveTo和CCMoveBy的使用。

 

<1> CCMoveTo

CCMoveTo::create(float duration,const CCPoint& position)

作用：创建一个移动的动作。

参数1：移动到目标坐标所需的时间（秒）。

参数2：目标坐标。

 

<2> CCMoveBy

CCMoveBy::create(float duration,const CCPoint& position)

作用：创建一个移动的动作。

参数1：移动到目标坐标所需的时间（秒）。

参数2：目标坐标。

CCMoveBy支持reverse()函数，可以获取其反向动作。

 

 2、示例代码如下所示。


首先新建Cocos2D-X项目，然后在HelloWorldScene.cpp文件的init函数中添加如下代码。

bool HelloWorld::init()
{
    bool bRet = false;
    do 
    {    
        CC_BREAK_IF(! CCLayer::init());

		//获得尺寸大小
		CCSize s = CCDirector::sharedDirector()->getWinSize();

		//创建精灵
        CCSprite* m_grossini = CCSprite::create("grossini.png");
		CCSprite* m_tamara = CCSprite::create("grossinis_sister1.png");
		CCSprite* m_kathia = CCSprite::create("grossinis_sister2.png");

		//设置精灵的位置
		m_grossini->setPosition( ccp(s.width/2, s.height/2));
		m_tamara->setPosition( ccp(s.width/4, s.height/2));
        m_kathia->setPosition( ccp(3 * s.width/4, s.height/2));
       
		//添加精灵到图层
		addChild(m_grossini, 1);
		addChild(m_tamara, 2);
		addChild(m_kathia, 3);

		//创建移动的动作
		CCActionInterval*  actionTo = CCMoveTo::create(2, ccp(s.width-40, s.height-40));
		CCActionInterval*  actionBy = CCMoveBy::create(2, ccp(80,80));
		CCActionInterval*  actionByBack = actionBy->reverse();

		//给精灵添加移动的动作
		m_tamara->runAction( actionTo);
		m_grossini->runAction( CCSequence::create(actionBy, actionByBack, NULL));
		m_kathia->runAction(CCMoveTo::create(1, ccp(40,40)));

        bRet = true;
    } while (0);

    return bRet;
}

3、移动示例效果图。

                  


三、缩放动作

 

1、首先看看CCScaleTo和CCScaleBy的使用方法。

 

<1> CCScaleTo

CCScaleTo::create(float duration,float s)

作用：创建一个缩放的动作。

参数1：达到缩放大小所需的时间（秒）。

参数2：缩放的比例。其值=1：原大小，其值>1：方法，其值<1：缩放。

 

<2> CCScaleBy

CCScaleBy::create(float duration,float s)

作用：创建一个缩放的动作。

参数1：达到缩放大小所需的时间（秒）。

参数2：缩放的比例。

CCScaleBy支持reverse()函数，可以获取其反向动作。

 

2、示例代码如下所示。


首先新建Cocos2D-X项目，然后在HelloWorldScene.cpp文件的init函数中添加如下代码。

bool HelloWorld::init()
{
    bool bRet = false;
    do 
    {
        CC_BREAK_IF(! CCLayer::init());

       //获得尺寸大小
		CCSize s = CCDirector::sharedDirector()->getWinSize();

		//创建精灵
        CCSprite* m_grossini = CCSprite::create("grossini.png");
		CCSprite* m_tamara = CCSprite::create("grossinis_sister1.png");
		CCSprite* m_kathia = CCSprite::create("grossinis_sister2.png");

		//设置精灵的位置
		m_grossini->setPosition( ccp(s.width/2, s.height/2));
		m_tamara->setPosition( ccp(s.width/4, s.height/2));
        m_kathia->setPosition( ccp(3 * s.width/4, s.height/2));

		//添加精灵到图层
		addChild(m_grossini, 1);
		addChild(m_tamara, 2);
		addChild(m_kathia, 3);

		CCActionInterval*  actionTo = CCRotateTo::create( 2, 45);
		CCActionInterval*  actionTo2 = CCRotateTo::create( 2, -45);
		CCActionInterval*  actionTo0 = CCRotateTo::create(2 , 0);
		m_tamara->runAction( CCSequence::create(actionTo, actionTo0, NULL));

		CCActionInterval*  actionBy = CCRotateBy::create(2 ,  360);
		CCActionInterval*  actionByBack = actionBy->reverse();
		m_grossini->runAction( CCSequence::create(actionBy, actionByBack, NULL));

		m_kathia->runAction( CCSequence::create(actionTo2, actionTo0->copy()->autorelease(), NULL));

        bRet = true;
    } while (0);

    return bRet;
}

3、缩放示例效果图。

              


四、扭曲动作

 

1、先来看看CCSkewTo和CCSkewBy的使用方法。

 

<1> CCSkewTo

CCSkewTo::create(float t,float sx,float sy)

作用：创建一个倾斜的动作。

参数1：倾斜到特定角度所需的时间（秒）。

参数2：x轴的倾斜角度。

参数3：y轴的倾斜角度。

 

<2> CCSkewBy

CCSkewBy::create(float t,float sx,float sy)

作用：创建一个倾斜的动作。

参数1：倾斜到特定角度所需的时间（秒）。

参数2：x轴的倾斜角度。

参数3：y轴的倾斜角度。

CCSkewBy支持reverse()函数，可以获取其反向动作。

 

2、示例代码如下所示。


首先新建Cocos2D-X项目，然后在HelloWorldScene.cpp文件的init函数中添加如下代码。

bool HelloWorld::init()
{
    bool bRet = false;
    do 
    {    
        CC_BREAK_IF(! CCLayer::init());

		//获得尺寸大小
		CCSize s = CCDirector::sharedDirector()->getWinSize();

		//创建精灵
        CCSprite* m_grossini = CCSprite::create("grossini.png");
		CCSprite* m_tamara = CCSprite::create("grossinis_sister1.png");
		CCSprite* m_kathia = CCSprite::create("grossinis_sister2.png");

		//设置精灵的位置
		m_grossini->setPosition( ccp(s.width/2, s.height/2));
		m_tamara->setPosition( ccp(s.width/4, s.height/2));
        m_kathia->setPosition( ccp(3 * s.width/4, s.height/2));

		//添加精灵到图层
		addChild(m_grossini, 1);
		addChild(m_tamara, 2);
		addChild(m_kathia, 3);

		//创建扭曲的动作
		CCActionInterval *actionTo = CCSkewTo::create(2, 37.2f, -37.2f);
		CCActionInterval *actionToBack = CCSkewTo::create(2, 0, 0);
		CCActionInterval *actionBy = CCSkewBy::create(2, 0.0f, -90.0f);
		CCActionInterval *actionBy2 = CCSkewBy::create(2, 45.0f, 45.0f);
		CCActionInterval *actionByBack = actionBy->reverse();

		//给精灵添加动作
		m_tamara->runAction(CCSequence::create(actionTo, actionToBack, NULL));
		m_grossini->runAction(CCSequence::create(actionBy, actionByBack, NULL));
		m_kathia->runAction(CCSequence::create(actionBy2, actionBy2->reverse(), NULL));

        bRet = true;
    } while (0);

    return bRet;
}

3、扭曲示例效果图。

                       


五、旋转动作

 

 

1、先来看看CCRotateTo和CCRotateBy的使用方法。

 

<1> CCRotateTo

CCRotateTo::create(float duration,float fDeltaAngle)

作用：创建一个旋转的动作。

参数1：旋转到特定角度所需的时间（秒）。

参数2：旋转的角度，范围是[0，360]。

 

<2> CCSRotateBy

CCRotateBy::create(float duration,float fDeltaAngle)

作用：创建一个旋转的动作。

参数1：旋转到特定角度所需的时间（秒）。

参数2：旋转的角度，范围是[0，360]。

CCRotateBy支持reverse()函数，可以获取其反向动作。

 

 2、示例代码如下所示。


首先新建Cocos2D-X项目，然后在HelloWorldScene.cpp文件的init函数中添加如下代码。

bool HelloWorld::init()
{
    bool bRet = false;
    do 
    {
        CC_BREAK_IF(! CCLayer::init());

       //获得尺寸大小
		CCSize s = CCDirector::sharedDirector()->getWinSize();

		//创建精灵
        CCSprite* m_grossini = CCSprite::create("grossini.png");
		CCSprite* m_tamara = CCSprite::create("grossinis_sister1.png");
		CCSprite* m_kathia = CCSprite::create("grossinis_sister2.png");

		//设置精灵的位置
		m_grossini->setPosition( ccp(s.width/2, s.height/2));
		m_tamara->setPosition( ccp(s.width/4, s.height/2));
        m_kathia->setPosition( ccp(3 * s.width/4, s.height/2));

		//添加精灵到图层
		addChild(m_grossini, 1);
		addChild(m_tamara, 2);
		addChild(m_kathia, 3);

		CCActionInterval*  actionTo = CCRotateTo::create( 2, 45);
		CCActionInterval*  actionTo2 = CCRotateTo::create( 2, -45);
		CCActionInterval*  actionTo0 = CCRotateTo::create(2 , 0);
		m_tamara->runAction( CCSequence::create(actionTo, actionTo0, NULL));

		CCActionInterval*  actionBy = CCRotateBy::create(2 ,  360);
		CCActionInterval*  actionByBack = actionBy->reverse();
		m_grossini->runAction( CCSequence::create(actionBy, actionByBack, NULL));

		m_kathia->runAction( CCSequence::create(actionTo2, actionTo0->copy()->autorelease(), NULL));

        bRet = true;
    } while (0);

    return bRet;
}

3、旋转示例效果图。

               



源码下载地址

寻水的鱼、、
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
cocos2d-x Lua 之 CCMoveTo 误区
song_hui_xiang
08-06 3068
欢迎各位童鞋转载，转载请注明出处：http://blog.csdn.net/song_hui_xiang 作者新浪微博：http://weibo.com/u/3168848533 作者腾讯微博：http://t.qq.com/song_huixiang local sprite = CCSprite:create("Icon.png") sprite:setPosition(cc
Cocos2D-X开发学习笔记-动作类之基础动作的使用示例（下）
08-08
本文主要围绕Cocos2D-X中的基础动作类的使用进行深入探讨。 一、基础动作介绍 基础动作是Cocos2D-X中最基本的动作类型，包括但不限于位移（Move）、旋转（Rotate）、缩放（Scale）、淡入淡出（Fade）和颜色变化...
Cocos2d-x学习笔记（15）（Action动作）
yuxikuo_1的专栏
06-10 1571
Cocos2d-x提供的动作，只要是CCNode对象都可以使用。 常用cao
CCMoveBy与CCMoveTo
macanv的专栏
03-23 3271
昨天老师布置一个作业，实现一个小球移动的小动画程序，想着cocos2d很容易就可以实现，于是用cocos2d写着玩。精灵要移动有两种方式，一种是利用帧循环，一种是调用API：CCMoveBy或者CCMoveTo .首先简单的介绍这两个函数吧。      1、都可以实现精灵的移动到达指定地点，（第二个参数即表示目的地）      2、CCMoveBy是坐标的矢量相加，比如当前点是（x1
CCSequence::create(array);
weixin_34279246的博客
11-30 274
2019独角兽企业重金招聘Python工程师标准>>> ...
【Cocos2d-X开发学习笔记】第14期：动作类之基本动作的使用（下）
我是一条寻水的鱼
08-08 2367
一、跳跃动作   1、首先看CCJumpTo和CCJumpBy的使用。   CCJumpTo::create(float duration,const CCPoint& position,float height,int jumps) 作用：创建一个跳跃的动作。 参数1：跳跃到目标位置所需的时间（秒）。 参数2：目标位置。 参数3：跳的高度。 参数4：跳到目标点所需跳的次数。
【Cocos2d-X开发学习笔记】第17期：动作类之跟随动作、可调整速度动作以及动作延时的使用
我是一条寻水的鱼
08-15 4343
一、跟随动作 跟随动作CCFollow是一个节点跟随另外一个节点的动作。 二、可调整速度动作       可调整速度动作CCSpeed不是一个独立的动作，可以把它理解为是对目前动作的“包装”，经过这个“包装”以后， 就可以实现“慢动作”和“快进”的效果。       使用CCSpeed来处理很方便 三、动作延时
Cocos2d-x入门（计算机游戏开发课程笔记）
HYY的博客
03-09 6515
Cocos2d-x入门（计算机游戏开发课程笔记） 文章目录Cocos2d-x入门（计算机游戏开发课程笔记）查看版本创建项目基础架构1. 命名空间2. 程序入口函数3. AppDelegate.happlicationDidFinishLaunching()applicationDidEnterBackground()applicationWillEnterForeground()HelloWorldScene.h构建简单场景字体位图字体 (BMFont)TrueTtpe字体 (TTF)系统字体 （Sys
【Cocos2d-X开发学习笔记】第15期：动作类之摄像机动作和基本样条动作的使用
我是一条寻水的鱼
08-10 3439
一、摄像机动作       在前面我们学习过了摄像机类CCCamera，动作中也有一个摄像机类CCOrbitCamera，它是摄像机环绕屏幕中心 旋转所形成的动作。 注意 ：在使用摄像机旋转时，如果正在旋转的这个节点后面还有其它节点的话，可能会出现旋转的节点只有一部 分显
【Cocos2d-X开发学习笔记】第16期：动作类之缓冲动作和组合动作的使用
我是一条寻水的鱼
08-15 4047
一、缓冲动作        在实现运动中，常常需要一些加速度或者减速度的效果。Cocos2D-X引擎为我们提供了相应的实现接口，这样就 不用再用原来的公式计算方法来实现加减速的效果。        Ease系列的方法改变了运动的速度，但是并没有改变总体时间。如果整个动作持续5s，那么整个时间仍然会持续 5s。这些动作可以分为三类。 In actions：action（开始的时候
Cocos2D-X开发学习笔记-动作类之摄像机动作和基本样条动作的使用示例
08-10
Cocos2D-X开发学习笔记-动作类之摄像机动作和基本样条动作的使用示例 教程地址：http://blog.csdn.net/yangyu20121224/article/details/9851099
Cocos2D-X开发学习笔记-动作管理类的使用示例
08-16
在"Cocos2D-X开发学习笔记-动作管理类的使用示例"中，我们将深入探讨如何有效地利用动作管理类来实现复杂的动画效果。首先，我们需要了解Cocos2d::ActionManager类，它是Cocos2D-X中的核心组件之一，负责存储和执行...
Cocos2D-X开发学习笔记-动作类之基础动作的使用示例（上）
08-07
Cocos2D-X开发学习笔记-动作类之基础动作的使用示例（上） 项目中包含：源码、效果图 教程地址：http://blog.csdn.net/yangyu20121224/article/details/9774103
Cocos2D-X开发学习笔记-网格动作类的使用示例
08-17
在《Cocos2D-X开发学习笔记-网格动作类的使用示例》教程中，作者yangyu20121224详细讲解了如何在实际项目中运用这些网格动作。通过阅读该教程，你可以了解到如何结合代码实例来实现这些视觉效果，从而提升你的游戏...
【Cocos2d-X开发学习笔记】开发工具之Tiled地图编辑器的使用
热门推荐
我是一条寻水的鱼
08-19 1万+
Cocos2D-X支持Tiled地图编辑器生成的地图数据文件。Tiled地图编辑器是一个以普遍使用为目标的地图编辑 器，它使用简单并且可以轻松地在不同的引擎中使用。目前最新版本使用Qt框架进行开发，之前也有Java版本，目的 就是可以使编辑器跨平台。这点在Cocos2D-X的开发中也比较重要。因为Cocos2D-X的跨平台特性，可能导致用户所 使用的操作系统各不相同。为了让大家都可以看到地图
【Cocos2d-X开发学习笔记】第07期：渲染框架之摄像机类（CCCamera）的使用
我是一条寻水的鱼
07-24 7748
一、摄像机类      所有节点都拥有一个摄像机类CCCamera。只有通过摄像机类，节点才会被渲染出来。当节点发生缩放旋转和位置 变化的时候，都需要覆盖CCCamera类，让这个节点通过CCCamera类重新渲染。 注意：CCNode类里有些方法可以实现缩放、旋转和位置变化，当使用摄像机类实现这些的时候，那些方法就不能同时使用了。使用摄像机类也不可以同时使用世界坐标了。
【Cocos2d-X开发学习笔记】第01期：PC开发环境的详细搭建
我是一条寻水的鱼
07-13 6902
本文使用的是cocos2d-x-2.1.4版本 ，截至目前为止是最新稳定版          所谓的开发环境就是制作游戏的地方，打个比方读者就会十分清楚了。比如提到做饭，人们都会想到厨房。这是 因为厨房有炉灶、烟机、水盆以及其他工具。这就是一个做饭的环境。很有有人会在卧室炒菜做饭吧！同样的，游戏 开发也需要一个制作环境。这个环境包含了编辑器、程序库、打包工具以及设备连接。接下来就教大家开始
【Cocos2d-X开发学习笔记】第22期：事件处理机制之触屏事件
我是一条寻水的鱼
08-18 6531
游戏主要是玩家和程序的交流。无论你的动画做得多么生动，特效做得如何炫，游戏还是要和玩家进行互动和交 流。在智能手机中，主要的输入操作是通过触摸屏幕、重力感应等方式实现的，而输入文字主要通过虚拟键盘等实现 的。下面就让我们一起来学习触屏事件的使用。     一、触屏事件         在Cocos2D-X中，继承自触屏代理协议CCTouchDelegate的布景层类CCLayer可以
使用cocos2d-x开发跨平台网游：修改Android.mk
本资源主要介绍了如何使用cocos2d-x进行跨平台网游开发，特别是修改项目中的mak文件以适应不同平台的需求，并探讨了为何选择cocos2d-x作为开发引擎的原因。 在跨平台手机网络开发中，选择合适的引擎至关重要。cocos...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值