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

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

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

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

我们的目标是低门槛，简单高效。因此开发工具设计为纯 Web 的，进入 IDE 后是这样的。

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

场景

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

逻辑

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

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

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

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

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

数据

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

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

UI 支持

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

行为支持

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

碰撞系统

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

广告支持

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

调试能力

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