Cocos2D-X动画特效制作实例教程

作者:课课家教育更新于： 2019-03-27 20:26:04

　　我们在游戏中看到的动画一般都是有好几种动作的，那么游戏开发中要怎么制作这些动作呢？本篇教程为你准备了动画特效制作实例，希望能对你有所帮助！

　　下面我们通过一个实例介绍几个特效的使用，这个实例下图所示，下图是一个操作菜单场景，选择菜单可以进入到下图动作场景，在下图动作场景中点击Go按钮可以执行我们选择的特性动作，点击Back按钮可以返回到菜单场景。

Cocos2D-X动画特效制作实例教程_Cocos2D-X晃动_Cocos2D-X游戏开发_Cocos2D-X实例_课课家

　　下面我们再看看具体的程序代码，首先看一下看HelloWorldScene.h文件，它的代码如下：

　　#ifndef __HELLOWORLD_SCENE_H__

　　#define __HELLOWORLD_SCENE_H__

　　#include "cocos2d.h"

　　#include "MyActionScene.h" ①

　　typedef enum { ②

　　kFlipX3D = 101,

　　kPageTurn3D,

　　kLens3D,

　　kShaky3D,

　　kWaves3D,

　　kJumpTiles3D,

　　kShakyTiles3D,

　　kWavesTiles3D

　　} ActionTypes; ③

　　class HelloWorld : public cocos2d::Layer

　　{

　　public:

　　static cocos2d::Scene* createScene();

　　virtual bool init();

　　void OnClickMenu(cocos2d::Ref* pSender); ④

　　CREATE_FUNC(HelloWorld);

　　};

　　#endif // __HELLOWORLD_SCENE_H__

　　上述代码第①行是引入头文件MyActionScene.h。第②~③是定义个枚举类型ActionTypes，枚举类型ActionTypes中定义了8个常量，这8个常量对应8个菜单项。第④行声明了一个函数，用来在选择不同菜单时候的回调。

　　下一个场景MyActionScene的 MyActionScene.h文件的代码如下：

　　#ifndef __MYACTION_SCENE_H__

　　#define __MYACTION_SCENE_H__

　　#include "cocos2d.h"

　　#include "HelloWorldScene.h"

　　class MyAction : public cocos2d::Layer

　　{

　　cocos2d::Sprite *sprite; ①

　　cocos2d::NodeGrid* gridNodeTarget; ②

　　public:

　　staticcocos2d::Scene* createScene();

　　virtual bool init();

　　CREATE_FUNC(MyAction);

　　void goMenu(cocos2d::Ref* pSender);

　　void backMenu(cocos2d::Ref* pSender);

　　};

　　#endif // __MYACTION_SCENE_H__

　　上述代码第①行是声明Sprite类型成员变量sprite。第②行是声明NodeGrid类型成员变量gridNodeTarget，NodeGrid是网格动作管理类，它的类图如下图所示。

　　MyActionScene.ccp中的MyAction::init()主要代码如下：

　　bool MyAction::init()

　　{

　　if ( !Layer::init() )

　　{

　　return false;

　　}

　　Size visibleSize = Director::getInstance()->getVisibleSize();

　　gridNodeTarget= NodeGrid::create(); ①

　　addChild(gridNodeTarget); ②

　　auto bg = Sprite::create("background.png");

　　bg->setPosition(Point(visibleSize.width/2,visibleSize.height /2));

　　gridNodeTarget->addChild(bg); ③

　　sprite = Sprite::create("hero.png");

　　sprite->setPosition(Point(visibleSize.width / 2, visibleSize.height /2));

　　gridNodeTarget->addChild(sprite); ④

　　autobackMenuItem =MenuItemImage::create("back-up.png","back-down.png",

　　CC_CALLBACK_1(MyAction::backMenu,this));

　　backMenuItem->setPosition(Director::getInstance()->convertToGL(Point(140,65)));

　　autogoMenuItem = MenuItemImage::create("go-up.png","go-down.png",

　　CC_CALLBACK_1(MyAction::goMenu,this));

　　goMenuItem->setPosition(Director::getInstance()->convertToGL(Point(920,540)));

　　Menu* mn = Menu::create(backMenuItem, goMenuItem, NULL);

　　mn->setPosition(Point::ZERO);

　　this->addChild(mn); ⑤

　　return true;

　　}

　　上述代码第①行代码NodeGrid::create()创建NodeGrid对象，第②行代码需要将创建的NodeGrid对象gridNodeTarget添加到当前层中。第③行代码gridNodeTarget->addChild(bg)是将创建的bg背景精灵对象添加到gridNodeTarget，这样才能使得特效作用于背景精灵。第④行代码gridNodeTarget->addChild(sprite)也是将创建的精灵对象sprite添加到gridNodeTarget中，这样才能使得特效作用于精灵。

　　由于我们不想使特效作用于菜单，所以在第⑤行代码使用的this->addChild(mn)，而不是gridNodeTarget->addChild(mn)。

　　MyActionScene.ccp中的MyAction::goMenu(cocos2d::Ref*pSender)主要代码如下：

　　void MyAction::goMenu(cocos2d::Ref*pSender)

　　{

　　SizevisibleSize = Director::getInstance()->getVisibleSize();

　　log("Tag = %i",this->getTag());

　　switch (this->getTag()) {

　　casekFlipX3D:

　　gridNodeTarget->runAction(FlipX3D::create(3.0f)); ①

　　break;

　　casekPageTurn3D:

　　gridNodeTarget->runAction(PageTurn3D::create(3.0f,Size(15,10))); ②