工欲善其事,必先利其器

简介: 这一节我们将熟悉游戏的制作工具,后期的所有教程都基于此工具。微信小游戏制作工具官方网站: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


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


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


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



相关文章
|
3月前
|
缓存 安全
推荐让你事半功倍的5款实用软件
本文推荐了五款高效实用的软件,涵盖音乐管理、家庭娱乐、微信空号检测、笔记管理和系统清理等方面。包括MusicBee、MediaPortal 2、燃精灵、Knowte和BleachBit,每一款都能显著提升工作和学习效率,是不可多得的神器。
78 9
|
运维
工欲善其事,必先利其器——【XMind】
工欲善其事,必先利其器——【XMind】
78 0
|
Oracle Java 关系型数据库
神级程序员都在用什么工具?
神级程序员都在用什么工具?
116 0
|
7月前
|
敏捷开发 算法 测试技术
C/C++ 编程大师的秘籍:轻松掌握高质量代码之道
C/C++ 编程大师的秘籍:轻松掌握高质量代码之道
192 0
|
数据安全/隐私保护 Windows
工欲善其事,必先利其器,五款实用的办公软件推荐
你电脑中用的最久的软件是哪些?以下是否有你曾经使用过的软件呢?工欲善其事,必先利其器,今天继续分享五款实用的办公软件。
93 0
|
Web App开发 自然语言处理 图形学
工欲善其事,必先利其器,这5款利器推荐你
工欲善其事,必先利其器。要想提升工作效率,除了提升自己的能力以外,好的工具也是必不可少的一环,今天给大家推荐5款办公必备的神器。
69 0
由浅入深C系列七:工欲善其事,必先利其器,从一个makefile模板开始
由浅入深C系列七:工欲善其事,必先利其器,从一个makefile模板开始
|
运维 Shell
工欲善其事,必先利其器——【Typora】
工欲善其事,必先利其器——【Typora】
127 0
|
开发工具
游戏开发零基础入门教程(3):工欲善其事,必先利其器
我们熟悉了制作小游戏的工具,了解了开发工具中的不同的区域及其功能,并且做了第一个“你好,小游戏”的示例。 你可以继续把玩一下这个制作工具,在场景中继续添加图片,或者音效,点击不同的资源,查看不同资源的属性,总之,你对所使用的工具了解的越透彻,它用起来就会越顺手。
95 0
|
IDE Ubuntu Linux
工欲善其事必先利其器-IED-goland的安装及使用
工欲善其事必先利其器-IED-goland的安装及使用
218 0
工欲善其事必先利其器-IED-goland的安装及使用

相关实验场景

更多