工欲善其事,必先利其器

简介: 这一节我们将熟悉游戏的制作工具,后期的所有教程都基于此工具。微信小游戏制作工具官方网站:https://gamemaker.weixin.qq.com/打开官方网站,点击页面上的“立即体验”,进入后使用微信扫描二维码进行登陆。

这一节我们将熟悉游戏的制作工具,后期的所有教程都基于此工具。


微信小游戏制作工具官方网站:https://gamemaker.weixin.qq.com/


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


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

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

640.png


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


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


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


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


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


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


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


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


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


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

640.png


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

640.png


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

640.png

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

640.png


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

640.png


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

640.png


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


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

640.png


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

640.png

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


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

640.png


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

640.png


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

640.png


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


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


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



相关文章
|
6月前
|
存储 安全 网络安全
工欲善其事必先利其器,IT工作电脑更要维护好
工欲善其事必先利其器,IT工作电脑更要维护好
|
8月前
|
运维
工欲善其事,必先利其器——【XMind】
工欲善其事,必先利其器——【XMind】
47 0
|
6月前
|
数据安全/隐私保护 Windows
工欲善其事,必先利其器,五款实用的办公软件推荐
你电脑中用的最久的软件是哪些?以下是否有你曾经使用过的软件呢?工欲善其事,必先利其器,今天继续分享五款实用的办公软件。
54 0
|
7月前
|
Web App开发 自然语言处理 图形学
工欲善其事,必先利其器,这5款利器推荐你
工欲善其事,必先利其器。要想提升工作效率,除了提升自己的能力以外,好的工具也是必不可少的一环,今天给大家推荐5款办公必备的神器。
38 0
|
7月前
由浅入深C系列七:工欲善其事,必先利其器,从一个makefile模板开始
由浅入深C系列七:工欲善其事,必先利其器,从一个makefile模板开始
|
8月前
|
运维 Shell
工欲善其事,必先利其器——【Typora】
工欲善其事,必先利其器——【Typora】
83 0
|
9月前
|
数据采集 前端开发 搜索推荐
工欲善其事必先利其器:用什么写Python?
对编程新手来说,开发环境的选择常常成为入门后的第一道坎。因为捣鼓了半天没能成功运行代码而被迫从入门到放弃的情景并不少见。初上手时选择的编辑器是否易用也会直接影响你的学习热情。
|
11月前
|
开发工具
游戏开发零基础入门教程(3):工欲善其事,必先利其器
我们熟悉了制作小游戏的工具,了解了开发工具中的不同的区域及其功能,并且做了第一个“你好,小游戏”的示例。 你可以继续把玩一下这个制作工具,在场景中继续添加图片,或者音效,点击不同的资源,查看不同资源的属性,总之,你对所使用的工具了解的越透彻,它用起来就会越顺手。
67 0
|
IDE Ubuntu Linux
工欲善其事必先利其器-IED-goland的安装及使用
工欲善其事必先利其器-IED-goland的安装及使用
155 0
工欲善其事必先利其器-IED-goland的安装及使用
|
存储 人工智能 文字识别
工欲善其事,必先利其器,电脑上这些软件堪称惊艳
工欲善其事,必先利其器,电脑上这些软件堪称惊艳工欲善其事,必先利其器,电脑上这些软件堪称惊艳
186 0