写案例是学习较快的途径。为了快速适应cocos2d-x_3.14.1版本，我决定将原来cocos2d-x_2.2.6版本的一个中国象棋案例代码修改成cocos2d-x3.x版本。在这里我会将写代码的过程尽量写完整，希望能够帮助想学3.x版本的童鞋快速适应3.x版本。如果有写的不好或错误的地方请帮忙指出，谢谢。

基础的布局需要创建三个类：

• LayerGameMain
  • 该类与我们平时写的main函数功能类似，这里我们会慢慢增加其功能，目前只有添加棋盘功能及添加棋子功能。
• Plate
  • 棋盘类，用于创建棋盘层
• Stone
  • 棋子类，用于创建棋子，并封装一些棋子布局相关的成员变量和成员函数。布局棋子时因为棋盘左侧及下侧都空出一段，所以在布局时，每个棋子都需要加上左侧空白段_offx及下侧空白段_offy。

废话就不多说了，我们直接上代码，在代码上会加上相应的注释。
LayerGameMain.h

#ifndef __LAYERGAMEMAIN_H__
#define __LAYERGAMEMAIN_H__

#include "cocos2d.h"

/*
cocos2d-x3.14.1版本将大部分类的前缀CC去掉了，不过有部分还是兼容，如果用旧的命名创建对应的类会有警告提示/错误提示
*/

USING_NS_CC;

class LayerGameMain : public Layer
{
public:
    static Scene* createScene();
    virtual bool init();
    CREATE_FUNC(LayerGameMain);

    void addPlate();//用于在LayerGameMain上添加棋盘层/精灵
    void addStones();//用于在LayerGameMain上添加棋子层/精灵
};

#endif // !__LAYERGAMEMAIN_H__

LayerGameMain.cpp

#include "LayerGameMain.h"
#include "Plate.h"
#include "Stone.h"

Scene* LayerGameMain::createScene()
{
    auto ret = Scene::create();
    auto layer = LayerGameMain::create();
    ret->addChild(layer);

    return ret;
}

bool LayerGameMain::init()
{
    if (!Layer::init())
    {
        return false;
    }

    this->addPlate();
    this->addStones();

    return true;
}

void LayerGameMain::addPlate()
{
    Plate *plate = Plate::create();
    
    this->addChild(plate);
}
void LayerGameMain::addStones()
{
    Stone *stone = Stone::create();

    this->addChild(stone);
}

Plate.h

#ifndef __PLATE_H__
#define __PLATE_H__

#include "cocos2d.h"
USING_NS_CC;

class Plate : public Sprite
{
public:
    CREATE_FUNC(Plate);
    virtual bool init();
};

#endif

Plate.cpp

#include "Plate.h"

bool Plate::init()
{
    if (!Sprite::init())
    {
        return false;
    }

    Sprite *plate = Sprite::create("background.png");
    plate->setAnchorPoint(Point(0, 0));//设置锚点为（0，0）
    this->addChild(plate);

    return true;
}

Stone.h

#ifndef __STONE_H__
#define __STONE_H__

#include "cocos2d.h"
USING_NS_CC;

/*
布局棋子时因为棋盘左侧及下侧都空出一段，
所以在布局时，每个棋子都需要加上左侧空白段_offx及下侧空白段_offy。
*/

class Stone : public Sprite
{
public:
    static int _offx;//棋子左侧空白段
    static int _offy;//棋子下侧空白段

    CREATE_FUNC(Stone);
    virtual bool init();
    
    Point getPositionFromPlate();//该函数用于获取棋子相对于棋盘的位置
};

#endif

Stone.cpp

#include "Stone.h"

int Stone::_offx = 32;
int Stone::_offy = 16;

bool Stone::init()
{
    if (!Sprite::init())
    {
        return false;
    }

    Sprite *stone = Sprite::create("Stone/rche.png");
    stone->setPosition(getPositionFromPlate());
    this->addChild(stone);

    return true;
}

Point Stone::getPositionFromPlate()
{
    Point pos = Point(Stone::_offx, Stone::_offy);

    return pos;
}

运行效果：