微信小游戏可视化开发工具

Indienova 2020-11-17

我们来自微信小游戏的一个小团队，我们希望每个人都可以创建自己的小游戏，分享自己的创意，所以我们实现了一个门槛极低的游戏开发工具，在设计的时候我们尽量注意概念简单同时又可以实现各种类型的游戏，当前还是内测阶段，欢迎大家来使用。

从微信小游戏发布开始，微信小游戏就变成了一个独特的游戏类型。普通游戏平台都是针对资深玩家的，而微信小游戏的用户群更广，包括了小孩子和大爷大妈，所以微信小游戏上休闲和超休闲的游戏占了很大的比例。在微信小游戏平台上，可以包容各种类型的游戏，所以我们想推出一款小游戏开发工具，希望更多的人可以释放自己的创意，在微信上传播自己的想法。当前工具在内测，从我们的用户群体来看，学生，设计师，游戏策划比较喜欢。

微信小游戏可视化开发工具

我们的目标是低门槛，简单高效。因此开发工具设计为纯 Web 的，网址是 https://gamemaker.weixin.qq.com/，进入 IDE 后是这样的。


对于游戏 IDE 来讲，最基本的有两点，场景和逻辑。左边是场景编辑，右边是逻辑区。这里分别说下。

场景

场景编辑这里的相关概念都挺简单的，在最右边的图层属性里面可以对精灵进行基本的操作。我们尽量注意这里概念的简单化，尽量不增加复杂的概念，一开始我们没有 Group 的概念，后面随着场景变复杂，我们觉得有必要增加一个 Group 的概念，这里称为“容器”，把多个精灵一起选择就可以合并为一个容器。容器是可以单独添加逻辑的。为了保持概念的简单，我们没有针对具体的游戏品类做特化，但这样会导致实现具体品类时候的复杂性，我们通过插件的方式来解决这个问题，当前我们已经有十几个插件，可以简化某些品类下的编辑操作。

逻辑

对于非专业开发者来说，当前有 3 种比较常见的方式。

• 积木。常见于少儿编程，本质上也是代码，但理解简单，语法简单。
• 配置式。比如 RPG 工具可以全配置化，在精灵上弹出对话框可以配置任何 RPG 需要的能力。
• 事件表。事件表是 事件-代码 的另一种形式，可以很复杂，有一定的学习成本。
  

我们最终选择了积木，选择积木的原因是学习门槛低，配置式虽然门槛低但仅限于特定品类的游戏和特定的动作，我们还是希望可以有更大的空间。

在场景窗口里面选择精灵，就可以添加各种事件，在事件里面写相关的逻辑。可以实现各种类型的游戏。

到此我们基本的框架就已经定型。然后我们增加了各种能力：

数据

支持局部和全局数据，支持二维表，提供了一个表格操作界面，考虑到积木操作的便利性，没有增加嵌套的数据结构（比如 Json）。

当前支持本地存储，暂不支持云存储，本地存储通过插件里面的 本地存储 插件来提供的。

UI 支持

我们增加了列表组件，摇杆，按钮，还有粒子效果，可以从顶部工具栏的 添加插件 来添加。

行为支持

在精灵的属性面板上，可以添加行为。行为可以让面向特定品类的游戏开发大为简化。当前已经支持了平台类型游戏的相关行为，包括固体，跳跃穿透，平台角色，方向控制，移动等。还有物理引擎和碰撞相关，包括物理，反弹。另外还辅助性行为，包括循环滚动，闪烁，抖动，遮罩，炮塔，弹出等。

碰撞系统

碰撞是游戏里非常重要的一项，除了行为里面的物理引擎，工具还提供了精灵自动描边，手动调整描边，碰撞事件支持等，我们对碰撞的性能也进行了大量的优化。

广告支持

我们提供了微信广告支持，在积木里面提供了广告能力积木，但前提是需要获得广告的 ID，这个可以查看微信小游戏开放平台的相关说明。

调试能力

可以按精灵列表来查看相关的数据和属性，可暂停，可单帧执行。调试场景需要在顶部工具栏的预览按钮下拉以后才会看见。


这里需要提下的是，行为及插件的相关积木只有在添加了相关插件和行为以后才会出现，这样设计的目的是避免积木太多。还有为了方便查找，我们也提供了搜索能力（工具栏上搜索框），可以搜索积木和变量。

大家可以通过我们的示例项目《经典飞机大战》来体验下一个完整的工程。

https://gamemaker.weixin.qq.com/ide#/home/lbKHT1FdnZQsCZWQgdMmFEJA


选择 关卡 场景，选中小飞机，就可以看见关于小飞机的相关逻辑代码。点击 顶部工具栏 的 预览场景 按钮，可以预览这个游戏，也可以改动下代码或者资源，作为自己的一个改编游戏来发布。

下面说下手机预览和发布的方式，入口都在工具条上。


手机预览相当简单，就点预览按钮，可以生成一个二维码，直接用微信扫一扫即可。


其实这个时候你已经可以把这个二维码分享给你的朋友了，只是限 50 位。
要发布，也有两种方式，一种是发布到社区版，一种是正式发布到微信小游戏。

社区版的方式。在工具栏上点发布。提交后即可得到小游戏的二维码，可以分享给朋友，这里可以选择把代码开放，这样别人就可以基于你的作品进行改编。


如果要正式发布，则需要提交到 MP，需要在微信小游戏开放平台网站上再发布，入口在 作品设置 里面。详细发布流程可以参考文档。

我们当前有一个社区小程序，如果你仅仅是想发社区版，则直接到上一步就可以，不需要经过正式的发布。这就是我们的社区版。


大家可以直接扫码体验下


欢迎大家体验下用我们工具开发出来的两个作品


相关资源

学习文档：
https://gamemaker.weixin.qq.com/doc/
教学视频：
https://res.wx.qq.com/wechatgame/product/webpack/userupload/20201026/165325/quickstart.mp4
官方论坛：
https://developers.weixin.qq.com/community/minihome/mixflow/1310477560790351872
QQ 群：853676032（小游戏可视化体验官）

B 站上有个 Up 主制作了相关的视频，大家也可以看看， https://space.bilibili.com/57386850

欢迎大家来体验我们的工具： https://gamemaker.weixin.qq.com/

来源：Indienova
地址：https://mp.weixin.qq.com/s/gBvZxQvif6w32lexx_dZ2Q