程序员学美术谁都挡不住

创建于:2017-12-24

创建人: 青铜的幻想

55 信息 576 成员
“我们项目万事俱备,就差一个程序员了!” 碰不到这样的好事,只好自学美术……欢迎独立程序来此修炼美术技能,也欢迎美术大佬莅临指导、勾搭程序员!
stack@程序员学美术谁都挡不住 的内容(查看所有内容
微信小游戏可视化开发工具
stack 2020-11-12

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

我们的目标是低门槛,简单高效。因此开发工具设计为纯Web的,网址是 https://gamemaker.weixin.qq.com/,进入IDE后是这样的。
Image title对于游戏IDE来讲,最基本的有两点,场景和逻辑。左边是场景编辑,右边是逻辑区。这里分别说下。

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

逻辑
对于非专业开发者来说,当前有3种比较常见的方式。
1. 积木。常见于少儿编程,本质上也是代码,但理解简单,语法简单。
2. 配置式。比如RPG工具可以全配置化,在精灵上弹出对话框可以配置任何RPG需要的能力。
3. 事件表。事件表是 事件-代码 的另一种形式,可以很复杂,有一定的学习成本。
我们最终选择了积木,选择积木的原因是学习门槛低,配置式虽然门槛低但仅限于特定品类的游戏和特定的动作,我们还是希望可以有更大的空间。
在场景窗口里面选择精灵,就可以添加各种事件,在事件里面写相关的逻辑。可以实现各种类型的游戏。

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

数据
支持局部和全局数据,支持二维表,提供了一个表格操作界面,考虑到积木操作的便利性,没有增加嵌套的数据结构(比如Json)。
当前支持本地存储,暂不支持云存储,本地存储通过插件里面的 本地存储 插件来提供的。

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

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

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

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

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

Image title


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

大家可以通过我们的示例项目《经典飞机大战》来体验下一个完整的工程。
https://gamemaker.weixin.qq.com/ide#/home/lbKHT1FdnZQsCZWQgdMmFEJA

Image title

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

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

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

Image title


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

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

Image title


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

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

Image title

大家可以直接扫码体验下Image title

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

Image title

相关资源:

学习文档: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

  • 建立个人/工作室档案
  • 建立开发中的游戏档案
  • 关注个人/工作室动态
  • 寻找合作伙伴共同开发
  • 寻求线上发行
  • 更多服务……
登录/注册