这一节我们将熟悉游戏的制作工具,后期的所有教程都基于此工具。
微信小游戏制作工具官方网站:https://gamemaker.weixin.qq.com/
打开官方网站,点击页面上的“立即体验”,进入后使用微信扫描二维码进行登陆。
注册后进入制作工具的首页,点击右上角的“新建作品”。
这样,一个空项目就创建好了。下面我们要重点了解开发工具的各个组成部分。
1-场景区:游戏中的所有场景,都会在这里列出,直接在对应的场景上单击,就可以选择该场景。还记得上一节中我们将场景比作房子中的一个房间吗?一个复杂的游戏可能有许多的场景,一个简单的游戏有时只需要一个场景就足够了。
2-资源管理区:这里罗列出了游戏中使用的所有的资源,包含图片,声音 ,函数(函数在这里也被看作是一种资源)。
3-层级管理区:这里显示的是当前场景中的所有的精灵,通过调整精灵图片的位置可以调整图片的层级,精灵和层级后面会单独有一节内容进行讲解,在此先知道有这么个东西就可以了。
4-编辑区:在这里可以选择游戏中的不同的物体,进行位置调整,缩放,旋转等等操作,所有的操作都是所见即所得的,即在编辑区里调成什么样,最终的游戏里显示的就是什么样。
5-积木区:在这里进行积木的搭建,即编写游戏的脚本逻辑,所有与游戏逻辑相关的操作都在此区域进行。
6-属性区:每一种资源都有自己的属性,例如图片资源有位置,大小,旋转,透明度等属性。不同类型的资源对应的属性不同。
7-数据区:游戏中所使用的所有的数据都显示在这里。例如玩家在游戏中的得分,血量等等。
8-功能区:包含项目的设置,插件的添加以及预览场景等,当前我们重点只关注预览场景。
下面,我们以一个经典的“你好,世界”的例子开始,我们将增加一个太空的背景,然后在背景上增加一行文本“你好,小游戏”。
在场景1中的 图层管理区 中点击背景,然后在右侧的属性区选择“编辑背景”。
在弹出的造型编辑窗口点击“替换背景”按钮。
在素材库中选择彩色飞机大战素材的星空作为背景。
点击“完成”按钮,看一下编辑区中的背景是不是已经换成星空了呢。
接下来,我们添加文本,点击资源管理器中的“添加素材”按钮。
选择素材库中的“积木小Y”,然后选择“基础文字”资源,点击导入。
基础文字导入后,会在四个区域中发生变化。
- “资源管理区”增加了“基础文字”的资源。
- “层级管理区”中增加了“基础文字”的层级。
- “编辑区”中出现了“默认文字”的文本。
- “属性区”中出现了当前文字的属性。
文字的默认颜色是黑色的,并且有点儿小,我们通过调节一下属性区中的文字属性来让它看起来好看一些。
我们调整了文字的大小,显示颜色,以及内容。然后在“编辑区”中调整了一下文字的显示位置。
最后,点击功能区中的“预览场景”按钮。
就可以看到游戏运行起来的样子了。
点击“功能区”中的“预览&分享”按钮,用微信扫描弹出对话框上的二维码还可以在手机上预览游戏哟!
这一节的内容就到这里了,总结一下:
我们熟悉了制作小游戏的工具,了解了开发工具中的不同的区域及其功能,并且做了第一个“你好,小游戏”的示例。
你可以继续把玩一下这个制作工具,在场景中继续添加图片,或者音效,点击不同的资源,查看不同资源的属性,总之,你对所使用的工具了解的越透彻,它用起来就会越顺手。