cocos2d-x C++ 工程初探

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

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

窗口

我们之前讲到 AppDelegate 类是程序的入口,所以和窗口有关的设置也在这个类里,打开我们的AppDelegate.cpp,从 AppDelegate::applicationDidFinishLaunching 这个成员函数看起

函数中有几行代码涉及到游戏的一些设置

这里面有几个基础的可选项:

glview = GLViewImpl::createWithRect(
    "Test", cocos2d::Rect(
        0, 0, designResolutionSize.width, designResolutionSize.height
        )
    );//设置窗口的尺寸
director->setDisplayStats(true);//显示FPS
director->setAnimationInterval(1.0f / 60);//设置每帧的间隔
glview->setDesignResolutionSize(designResolutionSize.width, designResolutionSize.height, ResolutionPolicy::NO_BORDER);//设置游戏的分辨率

如果把 setDisplayStats 的参数改成false,可以发现helloworld中左下角的FPS和Drawcall信息消失了,你也可以自己动手试试其他的参数

窗口大小

往上翻应该不难找到这几行代码

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

Copystatic cocos2d::Size designResolutionSize = cocos2d::Size(480, 320);
static cocos2d::Size smallResolutionSize = cocos2d::Size(480, 320);
static cocos2d::Size mediumResolutionSize = cocos2d::Size(1024, 768);
static cocos2d::Size largeResolutionSize = cocos2d::Size(2048, 1536);

这是cocos给我们提供的常用的窗口尺寸,我们可以发现,现在使用的是 designResolutionSize 这个尺寸, 480,320 是比较小的,可以把窗口的尺寸设置成 mediumResolutionSize ,它的size是 (1024, 768)

将下面这个 designResolutionSize 参数改成 mediumResolutionSize 即可:

运行:

画面分辨率

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

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

你可以试试把我们换上去的 mediumResolutionSize 再换成 largeResolutionSize ,这个图标在窗口里还是 480*320 那么大的

精灵

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

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

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

运行:

坐标系统

要了解cocos的坐标系统,首先要介绍一下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设置初始化好的精灵(你的图片)的坐标,有意思的来了,坐标中出现了两个对象,一个是 visibleSizeorigin ,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不会成为游戏世界中的一员,编译出来之后就不会显示

我来评几句
登录后评论

已发表评论数()

相关站点

热门文章