Cocos2d-x 3.1.1 学习日志14--CocosStudio学习必看

听说Cocos Studio非常久了，主要是由于骨骼动画。眼下看来Cocos2d-x播放动画的方式仅仅有2种：

　　第一种：是播放序列帧动画，即将动画的每一帧都载入进缓存里，须要播放时再使用Animation类来播放，这样的方法简单暴力。应对一些细节要求低的动画场景的时候。这么干无伤大雅。

可是当动画帧数稍高的时候就会须要大量的图片，消耗资源非常大。

　　另外一种：是由Cocos2d-x提供的Action类来播放动画，这样的动画是在帧循环中靠调整每次渲染的坐标来打到动画效果。因为帧循环是1/60秒刷新一次，会让这样播放的动画很流畅，并且不须要每一帧图片的资源。这样的方案的缺点是播放动画的节点仅仅能载入一张图片资源。当我们要实现一个例如以下的动画时，

假设单从代码实现须要创建多个精灵，还要绑定各个精灵之间的协调和联动，总之会很很的麻烦。

　　骨骼动画能够兼容以上两种方法的长处，同一时候不包括它们的缺点。所以如今越来越多的公司使用Cocos Studio来制作动画。

      要使用Cocos Studio 首先要到官网 http://cn.cocos2d-x.org/download 下载你须要的Studio 版本号。因为Cocos2d-x引擎本身的版本号迭代速度比較快，有些版本号的Studio并不能与引擎兼容。这里附上论坛上一个较为具体的版本号相应下载 http://www.cocoachina.com/bbs/read.php?tid=154886。我使用的是刚公布不久的3.2版引擎。Cocos Studio 1.5.0.1可以对其兼容。

　　初次使用我想完毕两个学习目标：

　　第一是学会制作骨骼动画。http://www.cocoachina.com/bbs/read.php?

tid=189665 这个链接里有具体的描写叙述。跟着一步一步来就能够了。我就不做复述了。

(小插曲：我在试用mac版本号刚公布的studio时发现了非常多Bug，建议大家还是在window平台下使用)

　　第二是在Cocos2d-xproject中使用Studio制作的动画。

　　首先在Cocos2d-x的根文件夹下找到cocos2d-x-3.2cocoseditor-support文件夹，将cocostudio文件夹以及其包括的文件拷贝到你新建project所在文件夹下。然后用vs打开新建的项目。右击解决方式-》加入-》现有项目，把cocostudio加入进project。

接着右键你的project-》属性-》cc++-》常规-》附加包括文件夹，把cocostudio的文件夹导入进去。最后接着右键你的project-》属性-》通用属性-》引用-》加入新引用。

　　如今我们能够開始写代码了，首先要设计有个Hero类。用他来播放动画，代码例如以下：

#ifndef __HERO_H__
#define __HERO_H__
#include "cocos2d.h"
#include "cocos-ext.h"
#include "CocoStudio.h"
USING_NS_CC;
using namespace cocostudio;
USING_NS_CC_EXT;
enum DIRECTION { LEFT, RIGHT, NONE };
class Hero:public Sprite
{
public:
    CREATE_FUNC(Hero);
    bool init();
    void runLeft(float dt);
    void runRight(float dt);
    void attack();
    void death();
    void stop();

    DIRECTION dir;
    Size size;
    Armature* armature;
    bool isAniRunLeft;
    bool isAniRunRight;
};
#endif

 　　我们在Hero的init函数里初始化动画，并调用一个stop函数载入一个站立时的动画：

#include "Hero.h"

bool Hero::init()
{
    Sprite::init();
    size = Director::getInstance()->getWinSize();
    ArmatureDataManager::sharedArmatureDataManager()->addArmatureFileInfo("Hero0.png", "Hero0.plist", "Hero.ExportJson");
    armature = Armature::create("Hero");
    armature->setScale(0.7f);
    armature->setPosition(Vec2(size.width / 2, size.height / 2));
    addChild(armature);
    stop();
    
    dir = NONE;
    isAniRunLeft = false;
    isAniRunRight = false;
    return true;
}
void Hero::stop()
{
    armature->getAnimation()->play("loading");
}
void Hero::runLeft(float dt)
{
    float dis = dt * 200;
    setPositionX(getPositionX() - dis);
}
void Hero::runRight(float dt)
{
    float dis = dt * 200;
    setPositionX(getPositionX() + dis);
}
void Hero::attack()
{
    armature->getAnimation()->play("attack");
}
void Hero::death()
{
    armature->getAnimation()->play("death");
}

　　接着我们须要一个场景类。让我们的Hero在这个场景里面动起来：

#ifndef __HELLOWORLD_SCENE_H__
#define __HELLOWORLD_SCENE_H__

#include "cocos2d.h"
#include "cocos-ext.h"
#include "CocoStudio.h"
#include "Hero.h"
USING_NS_CC_EXT;
class menuDelegate
{
public:
    virtual void stopstate() = 0;
};
class Panel :public Menu
{
public:
    menuDelegate* exm;
    MenuItem* getSelectItem()
    {
        return _selectedItem;
    }
    static Panel* create()
    {
        Panel* ret = new Panel;
        ret->init();
        ret->autorelease();
        return ret;
    }
    bool init()
    {
        Menu::init();
        scheduleUpdate();
        return true;
    }
    void update(float dt)
    {
        if (this->getSelectItem() && this->getSelectItem()->isSelected())
            this->getSelectItem()->activate();
        else
        {
            exm->stopstate();
        }
    }
};
class HelloWorld : public cocos2d::Layer,public menuDelegate
{
public:
    // there's no 'id' in cpp, so we recommend returning the class instance pointer
    static cocos2d::Scene* createScene();

    // Here's a difference. Method 'init' in cocos2d-x returns bool, instead of returning 'id' in cocos2d-iphone
    virtual bool init();

    // a selector callback
    void menuCloseCallback(cocos2d::Ref* pSender);

    // implement the "static create()" method manually
    CREATE_FUNC(HelloWorld);

    void stopstate();
    void update(float dt);
    void moveRight();
    void moveLeft();
    void moveAttack();
    void moveDead();
    void loadMenu();
    Hero* hero;
    Panel* menu;
};
#endif // __HELLOWORLD_SCENE_H__

　　下面是场景类的cpp文件：

#include "HelloWorldScene.h"

USING_NS_CC;
using namespace cocostudio;
Scene* HelloWorld::createScene()
{
    // 'scene' is an autorelease object
    auto scene = Scene::create();
    
    // 'layer' is an autorelease object
    auto layer = HelloWorld::create();

    // add layer as a child to scene
    scene->addChild(layer);

    // return the scene
    return scene;
}

// on "init" you need to initialize your instance
bool HelloWorld::init()
{
    //////////////////////////////
    // 1. super init first
    if ( !Layer::init() )
    {
        return false;
    }
    
    Size visibleSize = Director::getInstance()->getVisibleSize();
    Vec2 origin = Director::getInstance()->getVisibleOrigin();

    /////////////////////////////
    // 2. add a menu item with "X" image, which is clicked to quit the program
    //    you may modify it.

    // add a "close" icon to exit the progress. it's an autorelease object
    auto closeItem = MenuItemImage::create(
                                           "CloseNormal.png",
                                           "CloseSelected.png",
                                           CC_CALLBACK_1(HelloWorld::menuCloseCallback, this));
    
    closeItem->setPosition(Vec2(origin.x + visibleSize.width - closeItem->getContentSize().width/2 ,
                                origin.y + closeItem->getContentSize().height/2));

    // create menu, it's an autorelease object
    auto menu = Menu::create(closeItem, NULL);
    menu->setPosition(Vec2::ZERO);
    this->addChild(menu, 1);

    /////////////////////////////
    // 3. add your codes below...

    // add a label shows "Hello World"
    // create and initialize a label
    
    auto label = LabelTTF::create("Hello World", "Arial", 24);
    
    // position the label on the center of the screen
    label->setPosition(Vec2(origin.x + visibleSize.width/2,
                            origin.y + visibleSize.height - label->getContentSize().height));

    // add the label as a child to this layer
    this->addChild(label, 1);
    loadMenu();
    hero = Hero::create();
    addChild(hero);
    scheduleUpdate();
    return true;
}
void HelloWorld::update(float dt)
{
    if (hero->dir == RIGHT)
    {
        hero->runRight(dt);
    }
    if (hero->dir == LEFT)
    {
        hero->runLeft(dt);
    }
}
void HelloWorld::loadMenu()
{
    Size size = Director::getInstance()->getWinSize();
    auto closeItem1 = MenuItemImage::create("CloseNormal.png", "CloseSelected.png", CC_CALLBACK_0(HelloWorld::moveLeft, this));
    auto closeItem2 = MenuItemImage::create("CloseNormal.png", "CloseSelected.png", CC_CALLBACK_0(HelloWorld::moveRight, this));
    auto closeItem3 = MenuItemImage::create("CloseNormal.png", "CloseSelected.png", CC_CALLBACK_0(HelloWorld::moveAttack, this));
    auto closeItem4 = MenuItemImage::create("CloseNormal.png", "CloseSelected.png", CC_CALLBACK_0(HelloWorld::moveDead, this));
    menu = Panel::create();
    menu->addChild(closeItem1);
    menu->addChild(closeItem2);
    menu->addChild(closeItem3);
    menu->addChild(closeItem4);
    menu->alignItemsHorizontally();
    menu->setPositionY(menu->getPositionY() / 2);
    menu->exm = this;
    addChild(menu);
}

void HelloWorld::moveRight()
{
    if (hero->dir == NONE)
        hero->armature->getAnimation()->play("run");
    float num = hero->armature->getRotationY();
    if (num == -180)
    {
        hero->armature->setRotationY(0);
    }
    hero->dir = RIGHT;
}
void HelloWorld::moveLeft()
{
    if (hero->dir == NONE)
        hero->armature->getAnimation()->play("run");
    float num = hero->armature->getRotationY();
    if (num == 0 )
    {
        hero->armature->setRotationY(-180);
    }
    hero->dir = LEFT;
}
void HelloWorld::moveDead()
{
    hero->death();
}
void HelloWorld::moveAttack()
{
    hero->attack();
}
void HelloWorld::stopstate()
{
    if (hero->dir == NONE)
        return;
    float num = hero->armature->getRotationY();
    if (num == 0)
    {
        hero->stop();
        CCLOG("111111");
    }
    else if (num == -180)
    {
        hero->stop();
        hero->armature->setRotationY(-180);
    }
    hero->dir = NONE;
}
void HelloWorld::menuCloseCallback(Ref* pSender)
{
#if (CC_TARGET_PLATFORM == CC_PLATFORM_WP8) || (CC_TARGET_PLATFORM == CC_PLATFORM_WINRT)
    MessageBox("You pressed the close button. Windows Store Apps do not implement a close button.","Alert");
    return;
#endif

    Director::getInstance()->end();

#if (CC_TARGET_PLATFORM == CC_PLATFORM_IOS)
    exit(0);
#endif
}

结束！！

。。

本人cocos2dx 2.x和3.x的源代码淘宝地址（欢迎大家光顾）：https://shop141567464.taobao.com/?spm=a313o.7775905.1998679131.d0011.pzUIU4