Cocos2d-x C++ 工程初探

经过较为繁琐的环境搭建后，我们终于运行出了一个helloworld窗口，可以正式上手cocos了

现在我们就从改代码开始玩起

AppDelegate

AppDelegate类 是程序的入口，现在我们先来看AppDelegate的几个成员函数

你可能会好奇入口为什么不是main函数，因为AppDelegate类其实是一个应用委托类，main.c里把游戏的运行委托给了这个类

• applicationDidFinishLaunching 正如其名，我们的游戏启动时会调用这个函数，也就是入口函数
  比如等下会提到的：实例化单例类 director，设置窗口大小，游戏分辨率等等
• applicationDidEnterBackground 是在游戏要切换到后台时调用的函数
  比如：停止音乐，停止动画等等
• applicationWillEnterForeground 也就是游戏从后台切换回来时调用的函数
  比如：继续播放音乐，继续播放动画

接下来我们的重点是看 applicationDidFinishLaunching 函数内的代码

导演

首先可以看到第一行

实例化了一个 Director 类，director是干什么的呢？
如果把做游戏比作拍电影，director导演就是总指挥，切换场景，播放/停止音乐等动作都是director决定的
也就是说你你在cocos里需要通过director来实现这一系列操作，他是必不可少的

窗口

接下来你看到的会是

auto glview = director->getOpenGLView();
if(!glview) {
    #if (CC_TARGET_PLATFORM == CC_PLATFORM_WIN32) || (CC_TARGET_PLATFORM == CC_PLATFORM_MAC) || (CC_TARGET_PLATFORM == CC_PLATFORM_LINUX)
    glview = GLViewImpl::createWithRect("Test", cocos2d::Rect(0, 0, designResolutionSize.width, designResolutionSize.height));
    #else
    glview = GLViewImpl::create("Test");
    #endif
    director->setOpenGLView(glview);
}

你可能会有点懵，没关系，先看

// 为方便阅读我做了换行处理
glview = GLViewImpl::createWithRect(
    "Test", 
    cocos2d::Rect(
        0, 
        0, 
        designResolutionSize.width, 
        designResolutionSize.height
	)
);

再看看你运行出来的画面

GLViewImpl::createWithRect() 的第一个参数 “Test” 其实就是运行出来的窗口的名称（默认是你的项目名）

至于第二个参数

cocos2d::Rect(
    0, 
    0, 
    designResolutionSize.width, 
    designResolutionSize.height
)

从名字应该不难看出一个是高，一个是宽，在Visual Studio里按住Ctrl，鼠标左键点选designResolutionSize就能找到定义

cocos有一个叫做Size的类，这个尺寸的width和height两个成员是我们经常需要使用的，在设置精灵的尺寸，坐标的时候会经常使用到

这是示例预先设置好的几个窗口大小，所以你应该能理解上面那一段代码是干什么的了吧——设置窗口名和大小

至于 #if，#else，#endif 是干嘛的，从字面上看其实就很好理解，是检测你的运行环境的（WIN32，MAC，LINUX或其他）这个我们暂时不用深究

现在由于designResolutionSize提供的宽高太小了不方便我们调试，我们把参数换成mediumResolutionSize将下面这个designResolutionSize直接改成mediumResolutionSize即可：

改后

运行：

之后的两行都很好理解

director->setDisplayStats(true);			// 显示FPS
director->setAnimationInterval(1.0f / 60);	// 设置每帧的间隔

把第一个参数改成false就能关闭帧数显示，可以发现FPS显示和帧间隔也是director控制的

画面分辨率

看字面应该就能理解了，setDesignResolutionSize就是设置画面分辨率的，同样是属于Director导演类的成员函数

现在虽然我们窗口的尺寸设置成了mediumResolutionSize的1024*768，但是实际上游戏窗口里的分辨率还是designResolutionSize的480*320个像素

打开项目目录的Resources文件夹我们可以看到HelloWorld.png这个图片的分辨率是195*270

可以尝试下更改窗口分辨率运行，窗口内的这个Logo还是一样大的，但是改了画面分辨率的话就不一定了

场景

最后有两行比较关键的代码

这里用我们写好的HelloWorld类创建了一个场景helloWorldscene

然后让director从helloWorldscene这个场景开始，启动整个程序

精灵

精灵(Sprite)是Cocos里的一个概念，我们helloworld界面的Cocos的logo就是一个精灵，现在我们尝试把他换成别的图片，选一张图片放到项目目录的Resources文件夹内

控制这个精灵的代码在HelloWorldScene.cpp内，打开找到这段代码：

只要把HelloWorld.png修改成你放入Resources内的图片名即可

运行：

坐标系统

首先介绍一下Vec2类，有接触过图形库或者游戏引擎的同学应该不陌生，这个类代表的是二维向量，有x和y这两个成员，我们在设置游戏物体的坐标的时候会使用到

同样在HelloWorldScene.cpp中，在创建sprite精灵的地方有这么几行代码，就是我们刚才换图片的那里

// position the sprite on the center of the screen
sprite->setPosition(Vec2(visibleSize.width/2 + origin.x, visibleSize.height/2 + origin.y));

这行代码就是使用 setPosition 设置初始化好的精灵（你的图片）的坐标，

注意，坐标中出现了两个对象，一个是visibleSize和origin

• visibleSize这个对象储存了游戏世界的尺寸，也就是我们能够看到的窗口的尺寸，设置游戏的分辨率可以影响这个值
• origin指的是窗口左下角的点在游戏世界中的位置

在设置坐标的代码下加入这样一行代码输出一些信息（log函数可以当作c/c++的printf使用）

log("visibleSize.width=%f, visibleSize.height=%f, origin.x=%f, origin.y=%f", 
            visibleSize.width, 
            visibleSize.height,
            origin.x,
            origin.y);

运行，查看输出窗口

可以看到visibleSize和origin的值

再回看设置坐标的代码

// position the sprite on the center of the screen
sprite->setPosition(Vec2(visibleSize.width/2 + origin.x, visibleSize.height/2 + origin.y));

理性理解一下，实际上意思很简单，就是set到了窗口正中间的位置

稍作改动
Vec2(visibleSize.width/4 + origin.x, visibleSize.height/2 + origin.y)

就向左移动了1/4窗口宽度的距离

最后一句

this->addChile(sprite, 0);

意思是将这个精灵加入到当前图层中，参数0代表最底层，如果不加这行代码，sprite不会成为游戏世界中的一员，编译出来之后就不会显示（这个涉及到场景的 z-order 值，下一节会讲到）

总结

通过这篇文章你应该基本了解了实例工程HelloWorld里的几个文件是干什么的了

关于场景和精灵，要学习的还有很多，我们之后会逐一介绍