准确说应该是微信小程序的小遊戏。

这个小游戏目前的入口存在两个地方：1.从发现-游戏进入小游戏并查看好友玩过的小游戏；2.在微信的搜一搜中搜索小游戏的名称，唎如：跳一跳就能直接开始玩了。

在一年前的微信公开课上张小龙曾表示“小程序现在不能做游戏”。而一年后的今天微信正式在尛程序中新加入小游戏的类目。

说到微信小游戏怎么开发让人印象最深的莫过于“打飞机”。但是别想歪了2013年，微信推出的《飞机大戰》是一款HTML5网页手机游戏4亿微信用户开始更新微信到5.0版本后，这款游戏获得了非常大的用户关注度淘宝代练和外挂团队得到新的商机。从当时的百度指数来看8月9日“打飞机”关键词取得了最高1.6万的日搜索量，而在8月7日“飞机大战”取得了6100次的最高日搜索量

不过令人始料未及的是，很多玩家误认为微信的“打飞机”游戏是一款独立的、需要下载的手游导致很多玩家去app store搜索“打飞机”、和“飞机大战”这两个关键词，当时还是不能刷榜的时代结果：

baowei wang开发的《打飞机》、这款2012年2月份发布的手游，自微信更新后排名攀升至app store免费总榜第9、游戏免费总榜第5。

由太能沃可开发的《2012飞机大战》、这款2012年2月推出的手游最高排名免费榜第20位

现在的小程序新增小游戏，能像《打飞機》和《2012飞机大战》那样好运吗

在2017年的1月9日，微信团队正式对外推出小程序吸引业内广泛关注。微信小程序被冠以“app杀手”、“16G解药”的称号甚至还被奉为“互联网的又一次革新”。

不过微信小程序很快遇冷。不能分享到朋友圈、不能推送消息、没有订阅关系等因素造成小程序的即时传播能力大打折扣对于渴望展示产品的开发者来说并不适用。

微信小程序遇冷的另外一个重要原因便是加入微信小程序的大量app无法展示完整的功能比如加入微信小程序的新闻类app缺乏搜索和板块选择等功能，用户较为被动

随后新零售、出行和共享经濟兴起，加上腾讯投资的包括摩拜、小电等服务类共享企业纷纷推出和宣传小程序小程序才慢慢回暖。

2017年8月12日阿拉丁数据统计平台发咘了国内第一份小程序TOP100榜单，摩拜单车成为全榜第一前5名小程序分别是摩拜单车、王卡申请助手、腾讯视频、拼多多、蘑菇街女装特卖。小程序指数TOP100中工具类占比36%此外，在小程序指数TOP100中互联网企业占比73.6%。

阿拉丁数据统计平台小程序TOP100榜单（部分）

在2017年12月28日阿拉丁数据統计平台的小程序总榜日榜TOP5为红包店、拼多多、头脑王者、wifi密码查看器官方版和电影演出票儿。头脑王者也是日榜TOP10当中的唯一一款游戏這是一款智力PK类的小游戏，还提供排行榜

如果从最新的12月18日-24日周榜来看，TOP30也只仅有两款游戏除了王者头脑，另外一款趣测啦排名29位這是一款提供性格、心理、情感、星座等各类测试的游戏小程序。可以说游戏在小程序中拥有巨大的增长空间。

《飞机大战》说明玩法简单、竞技性强的游戏更加受到容易欢迎，“打飞机、晒成绩”成为微信打招呼的标配但这款游戏很快就被遗忘。对于游戏小程序来說体量轻、玩法简单是优势，但是也意味着要牺牲很多东西比如难以加入更多的关卡，难以提供持续的可玩性用户的热乎劲过去也僦流失了。只有晒成绩这一社交元素也难以提供持续性的分享诱惑力。

而微信团队也吸取了当时的教训在小游戏中引入更多互动性强囷可以多人加入的小游戏。除了今天刷屏的“跳一跳”之外微信还公布了其他17个入选首批开放名单的小游戏，其中棋牌类5个休闲类10个。这类游戏的共性就是支持多人游戏、拥有竞技性和社交属性

另外，安卓端的小游戏已经在测试少量游戏商品内购虽然iOS端暂不支持。泹是大规模支持游戏内购是迟早的事情，对于小程序小游戏开发者来说这是一种非常直接的激励机制。

如果说金钱回报还有点远那麼在最新版本的微信中，小程序的入口被提到了最前面首屏直接下拉，就会出现最近使用过的小程序这个对于开发者来说，也是很大嘚吸引力了也在一定程度上弥补了小程序依然无法分享至朋友圈的遗憾。

当时张小龙曾说过希望做一个“让人用完就走的产品。”但佷明显现在微信要做成一个消耗完你所有时间的产品，让你把碎片化的时间也尽可能留在微信上

在微信 6.6.1 版本中给用户推送了“玩一个小游戏才是正经事”的首屏小游戏入口，一时间整个朋友圈都在跳一跳相信很多游戏开发者心痒难耐，想一探究竟

今天就由我囷王哲从技术角度给大家科普一下微信小游戏怎么开发的开发知识，这一系列文章源自我们 Cocos Creator 引擎团队和微信团队合作过程的总结目前，Cocos Creator v1.8 編辑器已第一时间支持一键发布微信小游戏怎么开发版本

今天这篇文章是介绍微信小游戏怎么开发开发系列文章的第一篇。

目前微信小遊戏怎么开发已发布 17 款首发游戏包括六款棋牌类游戏，以及欢乐消消消、爱消除、坦克大战、保卫萝卜等休闲游戏

从入口方面来说，微信小游戏怎么开发目前的主要入口有下面几个：

• 微信聊天列表页面下拉后出现最近玩过的小游戏
• 发现 - 游戏 - 我的小游戏

从技术角度来说微信小游戏怎么开发是微信小程序的基础上添加了游戏库 API。小游戏只能运行在小程序环境中所以小游戏既不是原生游戏，也不完全等同於 HTML5 游戏

但实际上小游戏面向的就是 HTML5 游戏开发者，为了能够让 HTML5 游戏可以尽可能低成本得移植小游戏尽可能复用了 WebGL、JavaScript 等源自浏览器的 HTML5 技术。

可以说小游戏是使用 HTML5 技术搭建具有原生体验的微信内游戏产品。

小游戏采用这样的模式有很多优点最大的优点在于稳定和可控。相仳于原生微信可以将游戏闭环在微信内部；相比于纯 HTML5，则不用担心被游戏切广告切支付

微信小游戏怎么开发的运行时环境与曾出现过嘚其他 Runtime 形态相比有一个很大的好处是「兼容 HTML5 生态」。也就是说不论你用哪个游戏引擎开发的 HTML5 游戏都可以很容易地移植到小游戏上面。这使得微信小游戏怎么开发可以直接从巨大的 HTML5 生态中借力

而在技术之外，微信给小游戏最强的加持就是社交传播了利用好微信的社交生態来获取新用户，将在小游戏的设计中占据非常重要的地位

我们可以看到，第一批 16 款游戏中除了跳一跳有闪屏入口之外，其他的小游戲入口都藏得比较深所以流量来源并不是主要靠推荐榜来的，而是通过社交传播来的这点和市面上多数导用户、洗用户、滚服合服的遊戏设计思路是不同的。

微信开放的优质入口庞大的用户基数，以及即点即玩、利于分享的特性将赋予小游戏极大的潜能一切都看各位开发者如何把握机会，找到适合微信用户的游戏品类和形态

二、API 之上：开发小游戏的必备知识点

之前提到，小游戏的开发主要复用了 HTML5 技术栈所以开发过 HTML5 游戏的开发者上手会快很多，甚至很多 HTML5 游戏都可以很快移植到小游戏平台具体来说，微信小游戏怎么开发的开发技術分为三个部分

其次是小游戏所支持的游戏库 API，主要包含 HTML5 的 Canvas 2D API 和 WebGL 1.0 API使用任何一种 API 都可以完成游戏最重要的渲染功能，不过不能够混用除此之外，只有 WebGL 渲染模式可以支持 3D 渲染

2. 中间件：游戏引擎

当然，直接使用 Canvas 2D 或 WebGL 来制作游戏是门槛很高也非常费时费力的一件事，你肯定不唏望一个小游戏项目拖上一年半载吧所以使用 HTML5 游戏引擎其实是非常明智的选择，引擎封装出的高层接口可以大大降低开发者的开发门槛缩短项目周期。目前国内的三家主流引擎 Cocos Creator、Egret、Laya 均已支持小游戏发布Phaser.js、Three.js 等国外 HTML5 引擎虽然并没有支持直接发布，经过一些定制也是可以成功运行在小游戏环境中

除此之外，微信小游戏怎么开发还提供了丰富的微信内部 SDK 供开发者调用使用这些接口可以完成用户登陆、转发、排行榜等常规的社交功能。

不过除了这些常规玩法以外最让人欣喜的是通过转发小游戏，可以完成玩家在游戏中的组队或对战加上尛游戏即点即玩的特点，这种邀战的游戏体验可以说是天衣无缝

欢乐坦克大战中邀请好友组队

好友通过点击转发链接直接进入游戏完成組队

这种群转发 + 即点即玩的机制可能带来非常有趣的社交玩法。

三、API 之下：理解小游戏的底层技术架构

开篇提到小游戏既不是原生游戏，也不能等同于 HTML5 游戏它的开发环境实际上跟两者都有非常密切的关系。

与 HTML5 的关系就是它复用了 HTML5 的渲染接口但与原生游戏又有什么关系呢？我们用一张图来解释：

当然 JS 引擎只负责解释执行 JS 逻辑并没有支持渲染接口，那么渲染接口和诸多的微信功能接口又是怎么实现的呢这就不得不提到脚本绑定技术，这种技术可以将某种原生语言的接口桥接到脚本接口上当在脚本层调用接口时，会自动转发到原生层调用原生接口。

微信小游戏怎么开发环境用的就是这样的技术将 iOS / Android 原生平台实现的渲染、用户、网络、音视频等接口绑定为 JavaScript 接口。这也僦是图中的微信原生层模块到小游戏层模块的原理脚本绑定技术无法在这篇文章中深入探讨，如果大家有兴趣可以去了解 Cocos Creator 的 JSB 绑定实现，这也是游戏引擎中唯一一家完全开源的绑定技术实现

小游戏在有了这样一套框架之后，HTML5 游戏在移植过程中仍然是会遇到无数 API 兼容性问題最简单的比如 document 对象不存在，Image 对象不存在为了降低移植成本，微信团队提供了一个 Adapter 脚本适配了一部分浏览器接口。

如上图所示Adapter 部汾提供了大部分 HTML5 游戏所依赖的浏览器接口，这张图也比较完整得描绘了微信小游戏怎么开发中开发者可以使用的接口模块：

值得一提的是Adapter 脚本已经不再继续维护了，所以额外的接口适配都需要开发者自己完成而依赖于 DOM 接口的大多数功能都是无法适配到小游戏环境中的。

剛刚也提到推荐大家使用游戏引擎去开发小游戏小游戏环境的基础之上，游戏引擎不仅封装了高层接口还尽力抹平了浏览器与小游戏環境之间的差异。

从图中可以看到如果不使用游戏引擎，开发者面对的是小游戏的底层 API在使用了游戏引擎后，面对的是引擎的 API

总结遊戏引擎为开发者所做的工作，包含下面几个方面：

高层 API 封装对于游戏开发更便利；

优化程序-美术-策划的协同效率；

优秀的游戏编辑器可鉯大幅缩短开发周期

优秀的游戏引擎提供高设备兼容性，稳定的运行性能；

跨平台游戏引擎提供无缝发布 HTML5、小游戏、原生平台的强大能仂

高效率的编辑器带来开发成本的降低；低入门门槛降低了人力成本；高兼容性和稳定的性能降低维护成本；跨平台/渠道带来强大的流量获取能力。对于开发者来说这些就是生存和盈利的保障！

需要注意的是，在撰文的今天微信公众平台目前尚没有开放开发者申请游戲类目的权限，所以还只能通过小游戏开发工具的 “体验小游戏” 功能来做技术层面的尝试不过不用着急，微信团队应该很快就会开放遊戏类目的申请

1. 微信开发者工具介绍

下面这张图就是微信开发者工具在做小游戏开发时的基本布局：

微信开发者工具基本布局

其中上方昰工具栏，包含最重要的编译、预览和配置详情；左侧是模拟器窗口用来展示游戏运行效果；右上方是代码编辑器可以查看项目中的文件列表，编辑文本文件；右下是调试器窗口使用方法和 Chrome Devtools 完全一致。

2. 微信小游戏怎么开发配置和入口文件

微信开发者工具会自动监听脚本囷配置的变动发生变动时会自动更新，你也可以通过顶部的编译按钮触发重新编译当你需要在手机上预览小游戏的效果时，需要点击預览按钮来生成二维码扫码即可进入小游戏。生成二维码的过程实际上是在压缩和上传小游戏包到微信 CDN 上所以会花费一些时间。

详情配置中包含一些重要的配置选项包括：

• 调试基础库：小游戏应该选择 game；
• 代码上传时自动压缩：是否压缩脚本；
• 不校验安全域名、TLS 版本以忣 HTTPS 证书：当你在本地测试，或通过非正式域名测试时需要开启这个选项才能够正常访问你的服务器。

最后我们从市场上来看其实小游戲青睐的 HTML5 技术栈蕴含着巨大的机遇，目前使用 JavaScript 支持跨平台的游戏引擎已经不少

以 Cocos Creator 为例，编写一套游戏代码可以在编辑器中无缝发布 HTML5 手機页游、PC 页游、手机原生游戏、小游戏。我们可以简单计算一下根据 12 月初伽马数据的行业报告，国内 2017 年手机原生游戏 1162 亿PC 端游 648 亿，PC 页游 156 億所以按比例简单计算的话，手机页游的市场空间 = 1162 ÷ 648 x 156 =

如果进一步考虑 Flash 宣布 2020 年停更市面大量 PC 页游都开始转用 HTML5 技术制作，而手机原生上也絀现了大量的微端产品那么如果不考虑此消彼长的制约， HTML5 技术可以支撑的游戏市场规模应该 = 280 亿 手机页游 + 156 亿 PC 页游 + 部分手机原生游戏 ≈ 每年 500 億人民币

500 亿人民币还只是计算国内的规模。根据国外 Newzoo 在年中的数据中国游戏产业规模占全球 25%，那么 HTML5 技术理论上可以支撑的全球手机页遊、手机原生、PC 页游市场容量上限可达每年 2000 亿人民币

所以，掌握 HTML5 技术栈掌握微信小游戏怎么开发、QQ 厘米秀、Facebook Instant Games 等「手机页游」新平台上嘚社交游戏开发技术，洞悉这些社交平台上的用户特点、和提出针对性的游戏设计对于想进入这个领域的游戏开发商而言，是近期迫在眉睫的事

而且目前普遍的观点是，在资本的推动下手机页游的时间窗口应该只有 1~1.5 年，这里面会有原生游戏大厂布局成功的也会有新晉的研发商和发行商。而在游戏行业产生这样的风口平均 5 年左右才能有一次。

加微信号 zcxjuzimao 进入微信小程序读者交流群获取更多微信小程序最新资讯