在此Cocos2d-x教程中，学习如何使用C ++为iOS，Android等创建基本的跨平台游戏！ Guanghui Qu 2015年4月30日·文章（30分钟）·初学者

Cocos2d-x是一种快速，强大且易于使用的开源2D游戏引擎。

它与Apple的Sprite Kit非常相似，但具有一个关键优势– Cocos2d-x是跨平台的。

这意味着您可以使用一组代码来制作适用于iOS，Android，Windows Phone，Mac OS X，Windows桌面和Linux的游戏。 对于独立游戏开发者来说，这是意义巨大的！

在本教程中，您将学习如何使用C ++在Cocos2d-x中创建一个简单的2D游戏。 是的-会有忍者！ ：]

**注意：本教程假定您了解C ++开发的基础知识。 如果您不熟悉C ++，请务必先阅读有关该主题的书。**

在www.cocos2d-x.org/download下载最新版本的Cocos2d-x； 本教程使用3.5版。

将下载的文件放在您要存储Cocos2d-x安装的位置，例如在主目录中，然后将其解压缩。

打开终端并cd到刚解压缩的文件夹中。 例如，如果将项目放置在主目录中，请运行以下命令：

现在运行以下命令：

这将设置必要的Shell环境变量。 当它提示您配置特定于Android的变量NDK_ROOT，ANDROID_SDK_ROOT和ANT_ROOT时，只需按3次Enter回车键即可完成配置。

注意：Cocos2D需要在您的机器上安装Python 2.7+。 如果不确定所用的Python版本，请在命令行上键入python，它将显示该版本（然后按Ctrl-D退出）。 如果您使用的是Python的旧版本，请在python.org上安装最新版本的Python。

如下面的屏幕截图所示，该脚本指示您执行另一个命令以完成设置： 注意：根据您使用的shell，您可能会看到一些不同的输出。 在上面的屏幕截图中，安装程序包提示输入“ source / Users / rwenderlich / bash_profile”命令，因为我使用的是Bash，但例如如果我一直使用Zsh，它会提示我运行“ source /Users/rwenderlich/.zshrc”。

按照脚本的输出说明输入命令。 节省时间的秘诀：您可以使用代字号（〜）代替/ Users / your_user_name，因此要保存击键，可以键入以下内容：

您输入的命令只是重新处理您的shell配置，并使其可以访问新变量。 现在，您可以从任何目录在终端中调用cocos命令。

运行以下命令以创建一个名为SimpleGame的C ++游戏模板：

这将在您的主目录中创建一个名为Cocos2d-x-Tutorial的目录，并在其中创建一个名为SimpleGame的子目录，其中包含您项目的文件。

注意：要了解可用的cocos子命令，请键入cocos --help或cocos -h。 您还可以通过添加“ --help”或“ -h”（例如cocos new -h）来了解任何子命令的选项，以查看new命令的选项。 在Finder中双击〜/ Cocos2d-x-Tutorial / SimpleGame / proj.ios_mac / SimpleGame.xcodeproj以在Xcode中打开项目。

一旦进入Xcode，请确保SimpleGame Mac是活动方案，如下所示：

尽管Cocos2d-x能够为许多平台构建游戏，但在本教程中，您将重点关注制作OS X应用程序。 将这个项目移植到其他平台上是一件很简单的事情（是的，很简单！），这在本教程的结尾进行了简要讨论。

生成并运行您的应用，以全面了解模板项目：

默认情况下，Cocos2d-x游戏的名称为“ MyGame”，分辨率为960×640，但是这些细节很容易更改。 打开AppDelegate.cpp并在其中找到以下行 AppDelegate::applicationDidFinishLaunching:

用以下代码替换该行：

这会将应用程序的名称更改为“ SimpleGame”，并将其分辨率设置为480×320，以匹配模板随附的背景图片。

再次构建并运行您的应用，以查看新的较小的游戏： 请注意，您传递给createWithRect的第三个参数-1.0。 此参数缩放帧，通常用于测试分辨率大于显示器的帧。 例如，要在小于1920×1080的监视器上测试1920×1080的分辨率，您可以传递0.5以将窗口缩放到960×540。

虽然对createWithRect的调用更改了台式机上的游戏框架，但在iOS设备上这种方式无法正常工作； 而是游戏的分辨率与屏幕尺寸匹配。 这是在iPhone 6上的外观： 那么，您如何处理多种分辨率呢？ 在本教程中，您将基于960×640分辨率创建一组游戏资源，然后在运行时根据需要简单地按比例放大或缩小资产。 要实现这一点，请在内部添加以下代码: AppDelegate::applicationDidFinishLaunching，位于在Director上调用setDisplayStats的行的上方：

上面的代码是这样的：

接下来，下载该项目的资源文件并将其解压缩到方便的位置。

在刚刚提取的SimpleGameResources文件夹中选择所有文件，并将它们拖到``Xcode项目的Resources组中。 在出现的对话框中，请确保在单击“完成”之前选中“复制项目”，SimpleGame iOS和SimpleGame Mac。 接下来打开HelloWorldScene.h，在包含cocos2d.h的行之后添加以下行：

这指定您将使用cocos2d命名空间； 这使您可以执行诸如写Sprite *而不是cocos2d :: Sprite *的操作。 这不是绝对必要的，但肯定会使开发更加愉快。 ：]

现在，您需要一个私有成员变量来指向您的player精灵。 将以下代码添加到HelloWorld类的声明中：

接下来，打开HelloWorldScene.cpp并将HelloWorld::init方法的内容替换为以下内容：

这是此方法的逐步播放：

忍者需要生活中的目标，因此您需要在场景中添加一些怪物，忍者才能战斗。 为了让事情变得更加有趣，您希望怪物们四处走动-否则，这并不会带来太大的挑战！ 您将在屏幕右侧的右边创建怪物，并为它们设置一个动作，告诉它们向左移动。

首先，打开HelloWorldScene.h并添加以下方法声明：

然后在HelloWorldScene.cpp中添加以下方法实现：

它相对简单，但是上面的代码是这样的：

Cocos2d-x提供了许多非常方便的内置动作，可帮助您随时间轻松地更改精灵的状态，包括移动动作，旋转动作，淡入淡出动作，动画动作等。 在这里，您对怪物使用三个动作：

在让忍者进城之前，还有最后一件事要做-您需要实际调用创建怪物的方法！ 为了使事情变得有趣，您将创建不断产生的怪物。

只需在return语句之前，将以下代码添加到HelloWorld:: init的末尾：

srand((unsigned int)time(nullptr));播种随机数生成器。 如果您不这样做，那么每次您运行该应用程序时，您的随机数都会相同。 感觉不会很随意，是吗？ ：]

然后，将HelloWorld::addMonster传递到schedule方法中，该方法每1.5秒调用一次addMonster()。 在这里，Cocos2d-x利用了C ++指向成员函数的指针。 如果您不了解其工作原理，请参阅ioscpp以获取更多信息。

而已！ 建立并运行您的项目； 您现在应该可以看到妖怪在屏幕上快乐地（或愤怒地（视情况而定！））移动：

您勇敢的小忍者需要一种保护自己的方法。 在游戏中实现火力的方法有很多，但是在此项目中，您将让用户单击或轻击屏幕以沿单击或轻击的方向发射弹丸。 ew！ ：]

为简化起见，您将通过MoveTo操作实现这一点-但这意味着您需要做一些数学运算。

MoveTo操作需要射弹的目标位置，但是您不能直接使用输入位置，因为该点仅代表相对于玩家的射击方向。 您想让子弹一直移动到该点，直到子弹到达屏幕外的最终目的地。

这是说明问题的图片： 从原点到触摸位置的x和y偏移会创建一个小三角形； 您只需要制作一个具有相同比率的大三角形即可，并且您知道要使其中一个端点不在屏幕上。

利用Cocos2d-x随附的矢量数学例程，可以轻松执行这些计算。 但是，在计算移动位置之前，您需要启用输入事件处理功能才能弄清楚用户触摸的位置！ 将以下代码添加到HelloWorld:: init的末尾，就在return语句的上方：

Cocos2d-x版本3及更高版本使用EventDispatcher来调度各种事件，例如触摸，加速计和键盘事件。

注意：在整个讨论中，术语“触摸”是指触摸设备上的点击以及桌面上的点击。 Cocos2d-x使用相同的方法来处理两种类型的事件。

为了从EventDispatcher接收事件，您需要注册一个EventListener。 触摸事件侦听器有两种类型：

触摸事件侦听器支持四个回调，但是您只需要为您关心的事件绑定方法。

然后在HelloWorldScene.cpp中实现您的回调：

这将创建一个启用了物理的场景。 Cocos2d-x使用PhysicsWorld来控制其物理模拟。 在这里，您可以在两个方向上将世界的重力设置为零，这实际上会禁用重力，并且可以启用调试绘图以查看物理物体。 在对物理相互作用进行原型设计时，启用调试绘图很有帮助，这样可以确保事情正常进行。

在HelloWorld::addMonster中，在创建怪物精灵的第一行之后添加以下代码：

这是上面的代码的作用：

这与您为怪物执行的物理设置非常相似，不同的是它使用圆形而不是矩形来定义物理物体。 请注意，并不是绝对必要设置接触测试位掩码，因为怪物已经在检查与射弹的碰撞，但这有助于使代码的意图更加清晰。

立即构建并运行您的项目； 您会看到红色形状叠加在物理物体上，如下所示： 射弹被设置为可以击中怪物，因此当它们碰撞时，您需要将它们都移除。

还记得早先的物理学世界吗？ 好吧，您可以在其上设置一个联系人代表，以在两个物理物体碰撞时得到通知。 在那里，您将编写一些代码来检查对象的类别，如果它们是怪物和弹丸，则可以使其蓬勃发展！

首先，将以下方法声明添加到HelloWorldScene.h中：

这是您注册以接收联系事件的方法。

接下来，在HelloWorldScene.cpp中实现以下方法：

传递给此方法的PhysicsContact包含有关碰撞的信息。 在这个游戏中，您知道唯一会碰撞的对象是怪物和射弹。 因此，您将使节点参与碰撞并将其从场景中移除。

最后，您需要注册以接收联系人通知。 在return语句之前，将以下行添加到HelloWorld ::init的末尾：

这将创建一个联系人侦听器，注册HelloWorld::onContactBegan以接收事件并将侦听器添加到EventDispatcher。 现在，只要两个物理物体发生碰撞并且它们的类别位掩码与它们的接触测试位掩码匹配，EventDispatcher就会调用onContactBegan。

生成并运行您的应用； 现在，当您的弹丸与目标相交时，它们应该消失：

您现在已经快要制作出一款可行（但非常简单）的游戏了。 您只需要添加一些声音效果和音乐（因为哪种游戏都没有声音！）和一些简单的游戏逻辑即可。

Cocos2d-x带有一个称为CocosDenshion的简单音频引擎，您将使用它来播放声音。

注意：Cocos2d-x还包括第二个音频引擎，旨在代替简单的音频引擎模块。 但是，它仍处于试验阶段，并且不适用于所有受支持的平台，因此您将不在此处使用它。

该项目已经包含了一些很酷的背景音乐以及您之前导入的超赞的“ pew-pew”音效。 您只需要玩它们！

为此，在其他#include语句之后，将以下代码添加到HelloWorldScene.cpp的顶部：

这将导入SimpleAudioEngine模块，并指定您将在此文件中使用CocosDenshion命名空间。

接下来，将以下定义添加到PhysicsCategory枚举上方的HelloWorldScene.cpp：

在这里，您定义了两个字符串常量：BACKGROUND_MUSIC_SFX和PEW_PEW_SFX。 这只是将文件名放在一个位置，这使得以后更容易更改它们。 像这样组织代码（甚至使用完全独立的文件甚至更好），可以更轻松地支持特定于平台的更改，例如在iPhone上使用.mp3文件，在Windows Phone上使用.wav文件。

现在，在return语句之前，将以下行添加到HelloWorld::init的末尾：

场景建立后，即会开始播放背景音乐。

至于声音效果，请将以下行添加到HelloWorld::onTouchBegan的return语句上方：

每当忍者发动攻击时，这都会起到很好的“ pew-pew”声音效果。 很方便，是吗？ 您仅需一行代码即可播放声音效果。

生成并运行，并享受您的时髦音乐！

然后去哪儿？ 这是上面教程中完成的示例游戏。

希望您喜欢Cocos2d-x，并从中获得灵感来制作自己的游戏！ 要了解有关Cocos2d-x的更多信息，请访问Cocos2d-x网站以获取大量学习资源。

如果对本教程有任何疑问或意见，请加入下面的讨论！

我使用的是Window7系统，Cocos2d-x的版本是3.17.2，Python是2.7.18 使用VS2017打开项目下的SimpleGame\proj.win32\文件夹下的SimpleGame.sln，然后编译运行，前提是需要配置好Cocos2d-x 3.17.2的开发环境，关于环境搭建可以参考我之前写的一篇博客：Win10+Python2.7.14+cocos2d-x-3.17.2+VS2017环境搭建,下面是我在VS2017中运行本项目的截图： 最终的项目源代码我已经托管到Github和Gitee上，需要的话执行如下命令自取：

从github上获取cocos2d-x-tutorial源代码

从gitee码云上获取cocos2d-x-tutorial源代码