如何快速开发1个小游戏
如何快速开发1款火爆的小游戏？“火爆”是1个偏运营的词，在小游戏上线120天《微信开发者》公众号有1篇推文，其中有几个数字或许可以用来描述“火爆”这个词。目前微信小游戏正式答应第3方开发者发布已有22天，对外发布的小游戏达300多款，注册用户总规模过亿的游戏有数款，安卓月流水过千万的也有数款。
该文还提到与火爆相关的两个姿势。1是社交匹配度，在小游戏这样1个往中心化的大背景下，让游戏内容和微信社交相结合是1个很重要的点，同时开发者也需要在利用社交互动提升用户体验和群聊分享造成用户骚扰之间抉择1个平衡点，过犹不及。第2是操作简便度，说的是游戏易上手操作简单。这是我们依据游戏成为爆款后看察得出的结论，并不是说具有这两个特性就1定能开发出1款火爆的游戏，并且新的爆款游戏也不1定符合这些特征，仅供参考。
今天介绍的内容更倾向于技术方面，所以“火爆”就从标题里面往掉了，并且也不会介绍具体的游戏逻辑如何开发，而是更偏向于如何利用好微信的开放能力开发1款小游戏。
什么是“小游戏”？小游戏是什么？
首先为大家介绍1下小游戏是什么。从普通用户的视角看，小游戏是小程序的1个子类目，可在微信内被便利的获取和传播，即点即玩，具有出色的用户体验。小游戏是小程序，普通用户分不清也无需分清。
小游戏Runtime
如果放大小游戏的Runtime可以看到很多的细节，这是1个典型的分层架构：
最上层蓝色部分，是游戏代码，分为游戏逻辑，游戏引擎、weapp-adapter3部分。大部分游戏开发会用到1些引擎的工具、工作流，以及利用引擎封装的高层API往实现游戏逻辑。其次是weapp-adapter，因为小游戏的底层1方面不是webview，可以简单看成是webview经过精简、优化过后的平台；另1方面核心能力的实现上却参考了webview。所以这里如果有1个适配器，把小游戏的底层API——wx API适配到1个接近webview的接口，对上层引擎、已存在的游戏接进微信小游戏平台则会更加轻易，这个就是weapp-adapter的作用。其中只有游戏逻辑是必要的。
可以看到，在架构上小游戏和小程序是有区别的，小游戏没有页面概念的，wxss/wxml不再存在。其次，底层实现也不是webview，小游戏和webview的关系只能说是渲染相关的核心能力可以通过weapp-adapter的简单适配保持接口1致，但同时很多webview上存在的功能并没有对等的实现，比如小游戏就没有DOM/BOM的概念，也没有全局的document/window对象。
小游戏的进口为game js文件，语言为Javascript，但有1些限制，比如禁止执行动态代码，因此eval、new Function等能力是不支持的。配置为game.json，可以配置横竖屏、接口超时等参数。js里面可以组合wx API的能力来实现游戏逻辑， 非代码类的资源应该尽量放到cdn，减少整个代码包打包后的大小，以加快用户首次进进时的速度，微信对首包的大小目前限制为4MB。
Webview Adapter
下面来说1下Webview Adapter，它的初衷是为了让游戏开发者更好地熟悉我们的平台，所以我们的平台在能力上会尽可能地与webview做1些适配，其实这个适配也是很简单的1层。比如说我们在浏览器里面使用image对象创建1个图片，而在小游戏里是通过wx.createimage来创建的，在代码中需要做1个简单的适配。
以此类推，常见的Canvas、document对象都是在Adapter中通过1个简单的适配实现的，大家可以研究链接中的代码。之后官方不会还是保护这个Adapter，我们会更专注于底层能力的建设。
小游戏能力概览
下图是小游戏能力的概览，小游戏能力的迭代比较快，部分能力还没有来得及罗列出来。比如最近刚发布的游戏圈、健康系统防沉迷相关的1些接口。
我们先看1下基础能力，在渲染这部分WebGL1.0和Canvas 2D都是支持的，这里的Canvas更接近于浏览器里面的准则。同时，这里提到的可控帧率的概念，如果小游戏在后台运行的话，可以尽量将帧率降低。
在多媒体部分，小游戏还不能像小程序1样实现实时的音频视频流，这是我们在后续要进1步支持的。网络IO的部分与小程序也是类似的，我们也提供了1些UI的组件，比如说拉起键盘，模态对话框等。
小游戏的社交开放能力现在已经对外了。其中最重要的1个能力是在开放域将微信的好友关系开放出往，给开发者使用，考虑到对用户隐私的保护会有1些设计上的限制。
因为小游戏往中心化的特征，分享这1部分也是非常重要的，开发者要考虑如何将这个能力利用起来。在代码方面，因为首包限制是4MB，但部分小游戏的代码量可能比较大。我们最近也在规划1个分包的能力，答应异步加载代码并执行，但这个代码是1定要经过我们审核的。
如何开发1款小游戏？
那么如何开发1款小游戏？因为我本人也只是开发过1些简单的游戏，并不是专业进行游戏开发，所以接下来我会更多地介绍1下如何利用微信的能力来开发小游戏。
抉择小游戏引擎
微信跟引擎商也有比较亲昵的协作 ，1般现在的游戏引擎都会支持发布到多个平台，对微信小游戏这个新平台而言，已经有1部分引擎做了适配，比如Cocos Creator、Egret Engine以及LayAir Engine。适配的主要工作，类似之前提到的weapp-adapter，把wx API的能力，和引擎衔接起来。
比如引擎1般会把小游戏平台和webview平台对标，适配过程就是把wx API对应到webview的能力，同时把只存在于webview能力的依靠往除，比如不再依靠BOM、DOM。已适配的引擎都有相应的文章介绍如何把游戏发布到微信小游戏平台。
设备/环境适配
小游戏会有API提供获取屏幕的宽高、设备像素比等能力。小游戏开发完成后，在开发者工具也可以发起真机测试的请求，微信提供了不同设备的测试集群，扶助开发者提前往发现问题。基础库提供的wx API本身是1个不断迭代更新的过程，对于使用了新能力的小游戏，需要做低版本兼容。
微信登录
小游戏的登录过程，跟小程序是类似的。需要用户自己往定义登录状态。appsecret/session_key代表的是小游戏开发者和微信平台之间的1种信赖约定，比如支付、上报托管数据，平台方需要验证access_token(只有appsecret才能换得到)，和用户相关的还要验证session_key的签名，才能保证请求来自于小游戏开发者/用户，而不是恶意的第3方和随意伪造的用户。
access_token是1种使用态的access_token，和用户无关，需要保证全局保护1份，应该有1个中控的模块往保证access_token有效，同时在有效期内直接使用本地cache的access_token，而不是每次使用都往生成新的access_token，否则可能碰到调用频率限制的错误而影响服务。切记appsecret/session_key不要放到前端代码中往，否则可能会被坏人利用损坏小游戏开发者/用户的权益。
缓存
缓存类型包括数据缓存和文件缓存两类。数据缓存即key-value存储，适合结构化类型的小数据存储，上限为10MB。文件缓存提供了1个完全的文件系统API，包括目录/文件的增删改读，适合针对经常使用的网络资源做本地缓存，上限是50MB。
和浏览器不同的是，微信只提供了基本的存储治理能力，并不对存储什么，和存储满时删除什么做1些操作。开发者自行灵巧定义缓存以及淘汰策略，比如对经常访问的资源存储到文件系统以及在文件存储满时，清理1些最近不常访问的文件。
开放数据域
开放数据域是1个封闭、独立的 JavaScript 作用域，和执行游戏逻辑的环境——称为“主域”隔离。其目标是在保证用户隐私的前提下开放用户数据给第3方，提升小游戏的整体用户体验。以下为物理视图，主域的进口为game.js，开放数据域则是1个独立的目录，其进口文件为index.js。
主域和开放数据域的通信受到严厉的管制，基本原则是只进不“出”。
•只进：答应外部的数据进进开放数据域，即主域可以随时postMessage到开放域，以及开放域引用主域预备好的本地资源
•不“出”：不答应开放数据域的数据被上传到第3方服务器往。因为开放数据域里面，index.js是可以直接访问到用户敏锐数据的，比如同玩好友数据。当然最终开放数据域需要index.js在综合各种数据后把数据以图形图像的方式渲染到sharedCanvas上，在主语sharedCanvas答应draw到主域的上屏Canvas上，最终用户会在展示屏上看到game.js画出来的好友排行榜、群排行榜或好友超越等社交互动信息。
在开发数据域中的数据，开发者没法把数据拿出往和游戏数据做关联，所以如果需要在开放域下展示的游戏数据，比如分数，开发者需要将该数据通过上报接口把游戏数据托管到平台。这样就可以在开发数据域里面就取到相关数据，其使用场景有好友排行、群排行榜、超越好友提示等。
分享
包括自定义分享和系统菜单分享，可以分享到群聊、单聊。也可以把分享上下文与特定的群关联，实现1些群PK、群排行榜的场景。分享是1把双刃剑，需要谨慎使用，1方面避免过度骚扰用户/群聊，另1方面增强社交互动提供好的游戏体验，需要找到1个适宜的平衡点。
支付
小游戏在安卓下支持虚拟支付，它的方式目前只有1种：即货币托管的方式。主要分为2个流程：
1.充值：RMB -> 游戏币，这里开发者只需要拉起支付的流程，平台负责把用户RMB兑换成对应的游戏币，存储到用户对应的游戏帐号上
2.使用游戏币购买道具：开发者可以扣除对应的游戏币，给用户发放游戏内道具，扣除游戏币的过程需要有1定的事务机制，往保证在网络反常的情状下交易正常。扣除游戏币的接口支持依据订单id往重，意味着网络超时等情状下，开发者可用同样的订单id往重试扣除，直至返回明确的响应。
以下为简单时序图，部分角色针对开发者无需关怀的部分做了相应简化处理：
性能
小游戏常见的性能问题，1般是内存造成的。如果内存占用太多会被微信客户端主动关闭，因此开发者在用户游戏过程中要及时释放不再使用的内存（js代码往除引用，或主动调用对应资源的释放接口，如果有的话），特殊是Canvas和Image类大型对象，同时可以主动调用wx.triggerGC触发底层回收对应资源。
对于和游戏逻辑相对独立的工作，可以考虑在worker中往实现，小游戏提供了独立的worker线程执行js逻辑的能力。
版本更新机制
小游戏启动的过程分为冷启动和热启动。冷启动是指内存中无该小游戏的运行实例的情状下，启动小游戏的过程；热启动是指小游戏的运行实例在内存中还存在，只是暂时切换到了后台，这时用户再次触发小游戏回到前台的过程。
小游戏会在冷启动时检查小游戏的版本，如有新版本，在下载回本地后，下1次冷启动就可以使用实时版。当然，我们也提供了API可以供开发者决策在有版本可用时，是否需要逼迫更新。
运维
特殊提醒，小游戏有完美的后端监控，可以通过“运维中心”开启，比如脚本错误监控。脚本错误主要由运行过程中未捕捉的反常触发，需要重点关注。该类反常，可能会致使用户小游戏前端的js逻辑暂停执行。
同时，平台也提供了完美的数据分析服务，可以通过“小游戏数据助手”进行数据分析。
雾之境