认识第一个Cocos2d-x项目的“小零件”

小朋友们，上节课我们成功搭建了开发环境，还跑出了第一个小窗口，是不是很神奇呀？这节课我们就来看看这个小项目里都藏着哪些“小零件”，它们各自有什么用，就像拆玩具车看看里面的轮子、齿轮一样有趣哦！

一、找到项目的“家”——文件夹里有什么？

首先，我们要找到上节课创建的项目文件夹。比如我们创建的是MyCocosGame，保存在D:\Projects里，那它的“家”就是D:\Projects\MyCocosGame啦。打开这个文件夹，会看到好多子文件夹，就像玩具车的不同部件盒，我们一个个来认识：

• Classes：这是“代码仓库”，里面放着我们写的游戏逻辑代码，就像玩具车的“说明书”，告诉车子怎么动。
• Resources：这是“素材库”，图片、声音、文字都存在这里，比如游戏里的角色图片、背景音乐，就像玩具车的贴纸和装饰。
• proj.win32：这是“Windows专用零件盒”，专门给电脑系统用的配置文件，不用我们改，让游戏能在电脑上跑起来。
• cocos2d：这是“工具箱链接”，里面关联着我们下载的Cocos2d-x工具包，就像玩具车连接电源的线。

二、打开“代码仓库”——看看第一个代码文件

我们重点看Classes文件夹，里面有两个重要的文件，就像玩具车的核心齿轮：

1. HelloWorldScene.h：

   • 这是“零件设计图”，告诉电脑这个游戏场景里有哪些东西（比如文字、图片），它们长什么样。
   • 里面有一行class HelloWorld : public cocos2d::Layer，可以理解为“我们设计了一个叫HelloWorld的场景，它是用Cocos2d-x的‘图层’工具做的”。

2. HelloWorldScene.cpp：

   • 这是“动作说明书”，告诉电脑场景里的东西要做什么动作（比如文字怎么显示、按钮点了会怎样）。
   • 打开后能看到init()函数，就像“场景启动开关”，游戏一开始就会执行这里的内容。比如有一行代码会显示“Hello World”文字，还有一行会设置背景颜色为蓝色，这就是我们上节课看到的蓝色窗口和文字的由来哦！

三、用“代码工厂”打开项目——Visual Studio登场

上节课我们安装的Visual Studio，就像一个“超级玩具组装台”，可以打开项目并修改代码。步骤很简单：

1. 打开proj.win32文件夹，找到一个叫MyCocosGame.sln的文件（图标像一个蓝色的小方块），双击它。
2. 稍等一下，Visual Studio就会打开整个项目，左边会出现“解决方案资源管理器”，里面能看到我们刚才说的Classes、Resources等文件夹，就像玩具零件在组装台上排好队啦。

四、小实验：给背景换个颜色

我们来做个简单的修改，把蓝色背景换成自己喜欢的颜色，就像给玩具车换个外壳一样：

1. 在Visual Studio左边的“解决方案资源管理器”里，展开Classes，找到HelloWorldScene.cpp，双击打开它。
2. 找一找有没有一行带setColor的代码，大概长这样：

   layer->setColor(cocos2d::Color3B::BLUE);
   

   这行代码就是设置背景为蓝色的“魔法咒语”。
3. 把BLUE改成其他颜色，比如RED（红色）、GREEN（绿色）、YELLOW（黄色），就像在调色盘里选颜色。
4. 改完后，点击Visual Studio顶部的“本地Windows调试器”按钮（绿色三角形，像播放键），等一会儿，游戏窗口就会重新打开，背景颜色是不是变啦？

五、小任务：添加一个自己的文字

试着在代码里加一行文字，比如“我的第一个游戏”，步骤提示：

1. 在HelloWorldScene.cpp的init()函数里，找到显示“Hello World”的代码（大概有cocos2d::Label::createWithSystemFont）。
2. 复制这几行代码，把文字改成“我的第一个游戏”，再调整一下位置（比如把setPosition里的数字改大一点，让文字在窗口中间偏上）。
3. 点击“本地Windows调试器”运行，看看新文字是不是出现啦？

下节课预告

这节课我们认识了项目的基本结构，还动手改了背景颜色，是不是很有成就感？下节课我们会学习怎么在游戏里添加一张图片（比如自己画的小角色），让游戏更生动，就像给玩具车装上小玩偶一样，期待吗？加油哦！