Cocos2D-X2.2.3学习笔记15(回调动作/动画/加速度)

最新推荐文章于 2020-03-21 01:08:58 发布

q269399361

最新推荐文章于 2020-03-21 01:08:58 发布

阅读量2k

点赞数

分类专栏： Cocos2d-X2.2.3学习笔记文章标签： cocos2d-x CCAnimat CCEase CCSpeed

本文链接：https://blog.csdn.net/hucblog/article/details/28628245

版权

Cocos2d-X2.2.3学习笔记专栏收录该内容

20 篇文章 1 订阅

订阅专栏

OK，今天我们介绍完这三个内容之后动作就OK了，到目前为止自己也可以做一些东西了，比如天天飞车知道吧？？有兴趣可以做一下每次开局之前那个倒计时的效果

也可以利用这节学的帧动画做做拳皇连招的效果。。。

废话不多说了，开始

回调动作:(CCCallFunc、CCCallFuncN、CCCallFuncND)

我们在执行完成一组动作后，需要调用某个方法执行一些操作来着，所以我们需要用到回调动作。

这里有三个回调动作，其实区别不大，

CCCallFunc：没有参数

CCCallFuncN：带一个CCNode参数这个参数是当前节点

CCCallFuncND：第一个参数CCNode 第二个参数是一个void类型的指针这个指针中你可以传递一些附加的参数

我们来做这样一件事情,

精灵移动到一个位置，在渐隐，完成后我们利用回调动作添加一个字体到屏幕中

#ifndef __HELLOWORLD_SCENE_H__
#define __HELLOWORLD_SCENE_H__

#include "cocos2d.h"

class HelloWorld : public cocos2d::CCLayer
{
public:
    // Here's a difference. Method 'init' in cocos2d-x returns bool, instead of returning 'id' in cocos2d-iphone
    virtual bool init();  
    // there's no 'id' in cpp, so we recommend returning the class instance pointer
    static cocos2d::CCScene* scene();
	 void CallBack1();
    // implement the "static node()" method manually
    CREATE_FUNC(HelloWorld);
};

#endif // __HELLOWORLD_SCENE_H__

bool HelloWorld::init()
{
    //
    // 1. super init first
    if ( !CCLayer::init() )
    {
        return false;
    }
    
    CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();
	CCSprite* pSprite= CCSprite::create("Icon.png");
	pSprite->setPosition(ccp(50,visibleSize.height/2));
	this->addChild(pSprite);

	CCActionInterval* pSequence1=CCSequence::create(
		CCMoveBy::create(2.0f,ccp(200,0)),
		CCFadeOut::create(2),
		CCCallFunc::create(this,callfunc_selector(HelloWorld::CallBack1)),
		NULL
		);

	pSprite->runAction(pSequence1);
    return true;
}
void HelloWorld::CallBack1()
{
	 CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();
	CCLabelTTF* pTTF= CCLabelTTF::create("CallBack1 run","Marker Felt",16);
	pTTF->setPosition(ccp(visibleSize.width/2,visibleSize.height-100));
	this->addChild(pTTF);
}

主要的代码都贴出来了，后面带参数的两个回调动作用法其实也一下，差不多的，这就不演示了。

这里需要注意的地方是，在序列动作最后一定要加个NULL，这应该是Cocos2dx的一个缺陷吧

CCCallFunc的第一个参数表示它的回调函数属于哪个类这里我们是放在当前类中所以this

第二个参数不解释计时器中的也是差不多的写法

帧动画(Animation)

//帧动画
		//第一步：创建Animation
	CCAnimation* animation3= CCAnimation::create();
		//第二步:将plist文件加入精灵缓存帧中
	CCSpriteFrameCache::sharedSpriteFrameCache()->addSpriteFramesWithFile("role.plist");
		//第三步：遍历plist文件中的图片
			for (int i = 1; i < 17; i++)
			{
				//定义一个字符数组用了存储图片名称
				char szName[100]={0};
				//将图片名称写入数组中
				sprintf(szName,"Img_Zhn%d.png",i);
				//第四步:从精灵缓存帧中读取图片存入Animation动画中
				animation3->addSpriteFrame(CCSpriteFrameCache::sharedSpriteFrameCache()->spriteFrameByName(szName));
			}
	//第五步:设置每帧执行的时间
	animation3->setDelayPerUnit(2.0f/17.0f);
	//第六步:设置是否执行完毕之后回到原始位置（第一帧）
	animation3->setRestoreOriginalFrame(true);

	//第七步：创建Animate
	CCAnimate* pAnimate= CCAnimate::create(animation3);
	//第八步:准备精灵
	CCSprite* pSprite= CCSprite::createWithSpriteFrame(CCSpriteFrameCache::sharedSpriteFrameCache()->spriteFrameByName("Img_Zhn1.png"));
	pSprite->setPosition(ccp(visibleSize.width/2,visibleSize.height/2));
	this->addChild(pSprite);
	//第九步:精灵执行动画
	pSprite->runAction(CCRepeatForever::create(pAnimate));

哈哈好傻逼哦我们再来做酷一点

//帧动画
		//第一步：创建Animation
	CCAnimation* animation1= CCAnimation::create();
	CCAnimation* animation2= CCAnimation::create();
	CCAnimation* animation3= CCAnimation::create();
	CCAnimation* animation4= CCAnimation::create();
		//第二步:将plist文件加入精灵缓存帧中
	CCSpriteFrameCache::sharedSpriteFrameCache()->addSpriteFramesWithFile("role.plist");
		//第三步：遍历plist文件中的图片
			for (int i = 1; i < 7; i++)
			{
				char szName[100]={0};
				sprintf(szName,"Img_ZRun%d.png",i);
				animation1->addSpriteFrame(CCSpriteFrameCache::sharedSpriteFrameCache()->spriteFrameByName(szName));
			}
			for (int i = 1; i < 9; i++)
			{
				char szName[100]={0};
				sprintf(szName,"Img_Zhici%d.png",i);
				animation3->addSpriteFrame(CCSpriteFrameCache::sharedSpriteFrameCache()->spriteFrameByName(szName));
			}
			for (int i = 1; i < 17; i++)
			{
				//定义一个字符数组用了存储图片名称
				char szName[100]={0};
				//将图片名称写入数组中
				sprintf(szName,"Img_Zhn%d.png",i);
				//第四步:从精灵缓存帧中读取图片存入Animation动画中
				animation3->addSpriteFrame(CCSpriteFrameCache::sharedSpriteFrameCache()->spriteFrameByName(szName));
			}
			for (int i = 1; i < 7; i++)
			{
				char szName[100]={0};
				sprintf(szName,"Img_Zwlak%d.png",i);
				animation4->addSpriteFrame(CCSpriteFrameCache::sharedSpriteFrameCache()->spriteFrameByName(szName));
			}
	//第五步:设置每帧执行的时间
			animation1->setDelayPerUnit(1.0f/6.0f);
			animation2->setDelayPerUnit(1.0f/8.0f);
			animation3->setDelayPerUnit(1.0f/16.0f);
			animation4->setDelayPerUnit(1.0f/6.0f);
	//第六步:设置是否执行完毕之后回到原始位置（第一帧）
			animation2->setRestoreOriginalFrame(true);
			animation3->setRestoreOriginalFrame(true);
			animation3->setRestoreOriginalFrame(true);
			animation4->setRestoreOriginalFrame(true);

	//第七步：创建Animate
			CCAnimate* pAnimate1= CCAnimate::create(animation1);
			CCAnimate* pAnimate2= CCAnimate::create(animation2);
			CCAnimate* pAnimate3= CCAnimate::create(animation3);
			CCAnimate* pAnimate4= CCAnimate::create(animation3);
	//第八步:准备精灵
	CCSprite* pSprite= CCSprite::createWithSpriteFrame(CCSpriteFrameCache::sharedSpriteFrameCache()->spriteFrameByName("Img_ZRun1.png"));
	pSprite->setPosition(ccp(visibleSize.width/2,visibleSize.height/2));
	this->addChild(pSprite);
	//第九步:精灵执行动画
	pSprite->runAction(CCRepeatForever::create(CCSequence::create( pAnimate1,pAnimate2,pAnimate3,pAnimate4,NULL)));

OK，这里的plist文件我也是在网上下载的，等下资源我会上传

大家可以在vs中打开plist文件，

这就能看见它的图片名称了，这是个小技巧

加速度：（CCEase）

我们看到上图中的这些都是加速度的动作,用法都一样，我们就随便举个列子可以了

CCSprite* pSprite= CCSprite::create("btn-play-normal.png");
	//让精灵高度超出屏幕
	pSprite->setPosition(ccp(visibleSize.width/2,visibleSize.height+20));
	this->addChild(pSprite);

	CCActionInterval* pEaseExponentialInOut= CCEaseBounceInOut::create(CCMoveBy::create(2.0f,ccp(0,-300)));
	pSprite->runAction(pEaseExponentialInOut);

呃！有点卡，录制的看不到什么效果

其他一些CCEase什么什么的都是一样的用法

我们主要来看看CCSpeed

这个可以改变运动速度的

ok 直接上代码

CCSprite* pSprite= CCSprite::create("Icon.png");
	pSprite->setPosition(ccp(50,visibleSize.height/2));
	this->addChild(pSprite);
	pSprite->setTag(1);


	CCActionInterval* pMoveBy= CCMoveBy::create(2.0f,ccp(400,0));
	CCSequence* pSequence= CCSequence::create(pMoveBy,pMoveBy->reverse(),NULL);
	CCRepeatForever* pRorever=CCRepeatForever::create(pSequence);
	//这里第二个参数我也不知道什么意思，总之是大于1快   小于1 慢
	CCSpeed* pSpeed= CCSpeed::create(pRorever,1.0f);
	pSpeed->setTag(1);

	pSprite->runAction(pSpeed);

	this->schedule(schedule_selector(HelloWorld::alertTime),1);

void HelloWorld::alertTime(float d)
{
	CCSprite* pSprite=(CCSprite*)this->getChildByTag(1);
	CCSpeed* pSpeed=(CCSpeed*) pSprite->getActionByTag(1);
	//产生随机数
	pSpeed->setSpeed(CCRANDOM_0_1() * 2);
}