网上找了一个梦幻连连看的资源，大家可以百度一下。然后整理一下加到工程里面去，包括声音和图片文件，后面解释如何整理可以方便管理。

我不推荐在代码里面直接引用资源文件名，我称之为硬编码。做iOS开发的同学好像比较习惯这样，要用按个图片，直接用图片来索引。

我们将所有的资源文件用C风格的字符串做一个索引，放在一个头文件Resources.h里面。这样以后需要修改图片或者索引可以很方便的修改。

好，先加这么多资源。来看看AppDelegate.cpp，这是入口。看看入口函数
applicationDidFinishLaunching。

auto screenSize = glview->getFrameSize();

    auto designSize = Size(960,640);

    auto fileUtils = FileUtils::getInstance();
    std::vector<std::string> searchPath;

    if (screenSize.width > 960) {
        designSize = Size(1136,640);
        searchPath.push_back("Iphone5");
    }

    fileUtils->setSearchPaths(searchPath);

    glview->setDesignResolutionSize(designSize.width,designSize.height,ResolutionPolicy::SHOW_ALL);



    // create a scene. it's an autorelease object
    auto scene = StartGame::createScene();

    // run
    director->runWithScene(scene);

我这里写的比较简单，因为只做了960X640和1136X640两种资源，所以只做了这两个的适配。这里的适配比较简单粗暴，就是根据屏幕尺寸去加载对应的资源，同时设置对应的设计分辨率。

这不是重点，后面我会重点讲分辨率适配。这里只是出来一个界面，重点是我们的连连看游戏。

// create a scene. it's an autorelease object
    auto scene = StartGame::createScene();

    // run
    director->runWithScene(scene);

最后两句创建了一个StartGame的场景，导演执行这个场景。如果你看你创建的工程，会发现源码里面是用的Helloworld。是的，我们就是要干掉HelloWorld，创建我们自己的游戏场景。

右键点击xcode左侧的Classes，选择新建文件，选择C++，取个名字StartScene，同时创建头文件。

好了，如何来写这个StartScene，呢。一步一步来。
我先不讲原理，直接讲怎么搞。
首先要知道，我们这个连连会是神马样子的。
至少应该是这样的，首页进来有个大背景，然后有些点缀物，比如蓝天白云神马的，然后有个按钮，点击开始游戏。
好，先看怎么来出一个背景。
StartScene.h

class StartGame : public cocos2d::Layer
{
public:
    static cocos2d::Scene* createScene();

    virtual bool init();

    void play(void);

    CREATE_FUNC(StartGame);
};

定义了几个函数。
createScene（）是一个静态函数，用来创建一个场景。
init（）函数比较怪，是一个虚函数，为什么会这样，后面讲，先这么写好了。
play（void）是我们自定义的一个函数，看名字就知道干嘛的。
CREATE_FUNC(StartGame)，是个神马东西，也是一个create函数，用来创建StartGame实例的，后面大家会知道这就是引擎里面用的最多的二阶段构造器。

再来看实现文件cpp

#include "StartScene.h"
#include "Resources.h"
USING_NS_CC;

Scene* StartGame::createScene()
{
    // 创建一个场景实例
    auto scene = Scene::create();

    // 创建StartGame的实例，是一个Layer
    auto Layer = StartGame::create();

    // 把StartGame的对象添加到场景里面
    scene->addChild(Layer);

    return scene;
}

bool StartGame::init()
{
    // 先调父类的init函数
    // 这里可以知道，init()函数是一个继承下来的函数，而且是一个虚函数，子类可以重写这个函数
    if ( !Layer::init() ) {
        return false;
    }

    // 获取屏幕可视区域
    Size visibleSize = Director::getInstance()->getVisibleSize();

    // 创建一个背景
    auto background = Sprite::create(s_backgound);

    // 设置位置为中心位置
    background->setPosition(visibleSize.width / 2,visibleSize.height / 2);

    // 添加到当前层
    addChild(background);


    return true;
}

void StartGame::play()
{

}

代码里面有写注释，很简单对不对。看跑起来会是个什么东西。
就是个海洋背景图嘛。