******************************************************************************************************************

本系列教程首发于我的微信公众号：小蚂蚁教你做游戏。如果你想学习做游戏的话，关注这个公众号就对啦！

******************************************************************************************************************

这一节我们将熟悉游戏的制作工具，后期的所有教程都基于此工具，这是我所见过的制作游戏门槛最低的工具了。

微信小游戏制作工具：官方网站

打开官方网站，点击页面上的“立即体验”，进入后使用微信扫描二维码进行登陆。

注册后进入制作工具的首页，点击右上角的“新建作品”。

选择"空项目"，然后点击新建。

这样，一个空项目就创建好了。下面我们要重点了解开发工具的各个组成部分。

注：新版的开发工具中将资环管理区和层级管理区调换了位置

1-场景区：游戏中的所有场景，都会在这里列出，直接在对应的场景上单击，就可以选择该场景。还记得上一节中我们将场景比作房子中的一个房间吗？一个复杂的游戏可能有许多的场景，一个简单的游戏有时只需要一个场景就足够了。

2-资源管理区：这里罗列出了游戏中使用的所有的资源，包含图片，声音 ，函数（函数在这里也被看作是一种资源）。

3-层级管理区：这里显示的是当前场景中的所有的精灵，通过调整精灵图片的位置可以调整图片的层级，精灵和层级后面会单独有一节内容进行讲解，在此先知道有这么个东西就可以了。

4-编辑区：在这里可以选择游戏中的不同的物体，进行位置调整，缩放，旋转等等操作，所有的操作都是所见即所得的，即在编辑区里调成什么样，最终的游戏里显示的就是什么样。

5-积木区：在这里进行积木的搭建，即编写游戏的脚本逻辑，所有与游戏逻辑相关的操作都在此区域进行。

6-属性区：每一种资源都有自己的属性，例如图片资源有位置，大小，旋转，透明度等属性。不同类型的资源对应的属性不同。

7-数据区：游戏中所使用的所有的数据都显示在这里。例如玩家在游戏中的得分，血量等等。

8-功能区：包含项目的设置，插件的添加以及预览场景等，当前我们重点只关注预览场景。

下面，以一个经典的“你好，世界”的例子开始，我们将增加一个太空的背景，然后在背景上增加一行文本“你好，小游戏”。

在场景1中的 图层管理区 中点击背景，然后在右侧的属性区选择“编辑背景”。

在弹出的造型编辑窗口点击“替换背景”按钮。

在素材库中选择彩色飞机大战素材的星空作为背景。

点击“完成”按钮，看一下编辑区中的背景是不是已经换成星空了呢。

接下来，我们添加文本，点击资源管理器中的“添加素材”按钮。

选择素材库中的“积木小Y”，然后选择“基础文字”资源，点击导入。

基础文字导入后，会在四个区域中发生变化。

• “资源管理区”增加了“基础文字”的资源。
• “层级管理区”中增加了“基础文字”的层级。
• “编辑区”中出现了“默认文字”的文本。
• “属性区”中出现了当前文字的属性。

文字的默认颜色是黑色的，并且有点儿小，我们通过调节一下属性区中的文字属性来让它看起来好看一些。

我们调整了文字的大小，显示颜色，以及内容。然后在“编辑区”中调整了一下文字的显示位置。

最后，点击功能区中的“预览场景”按钮。

就可以看到游戏运行起来的样子了。

点击“功能区”中的“预览&分享”按钮，用微信扫描弹出对话框上的二维码还可以在手机上预览游戏。

这一节的内容就到这里了，总结一下:

我们熟悉了制作小游戏的工具，了解了开发工具中的不同的区域及其功能，并且做了第一个“你好，小游戏”的示例。

你可以继续把玩一下这个制作工具，在场景中继续添加图片，或者音效，点击不同的资源，查看不同资源的属性，总之，你对所使用的工具了解的越透彻，它用起来就会越顺手。