Cocos2d-x C++ 工程初探

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

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

AppDelegate#

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

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

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

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

导演#

首先可以看到第一行

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

窗口#

接下来你看到的会是

Copy
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); }

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

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

再看看你运行出来的画面

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

至于第二个参数

Copy
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即可:

改后

运行:

之后的两行都很好理解

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

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

画面分辨率#

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

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

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

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

场景#

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

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

然后让directorhelloWorldscene这个场景开始,启动整个程序

精灵#

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

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

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

运行:

坐标系统#

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

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

Copy
// 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使用)

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

运行,查看输出窗口

可以看到visibleSize和origin的值

再回看设置坐标的代码

Copy
// 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窗口宽度的距离

最后一句

Copy
this->addChile(sprite, 0);

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

总结#

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

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

posted @   KelvinVS  阅读(4094)  评论(1编辑  收藏  举报
编辑推荐:
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
阅读排行:
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· spring官宣接入deepseek,真的太香了~
点击右上角即可分享
微信分享提示
CONTENTS