Skip to content
On this page

开篇-微信小游戏介绍


开篇:微信小游戏介绍

2017 年 12 月 28 日,随着微信 6.6.1 版本的上线,包括《跳一跳》在内的 10 余款小游戏同时上线,微信小游戏首次进入了大众的视野。

  • 微信小游戏是什么?
  • 它具有什么特性?
  • 它能实现什么样的功能?
  • 它与微信小程序有什么区别?
  • 它处于怎样的生态环境?
  • 开发者如何快速上手微信小游戏的开发?
  • ……

大家面对微信小游戏产生的各种疑问,都将在本小册里被逐一解答。

跳一跳

1. 微信小游戏是什么

简单来说,微信小游戏(以下简称:小游戏)就是微信小程序(以下简称:小程序)里能运行的 HTML5 游戏(以下简称:H5 游戏)。小游戏既属于小程序,也属于 H5 游戏。

小游戏、小程序与 H5 游戏

2. 小游戏生态特点

作为小程序的一个类目,小游戏继承了小程序的众多特点:

轻量化

小程序和小游戏的代码包体积都受限制(上限原为 4M,而后提升为 8M),虽然小游戏的图片、音效等资源可异步加载,但排除游戏引擎本身的大小(绝大多数游戏开发是需要引擎支持的),剩余的体积可实现的逻辑量也很有限。区别于原生 APP 游戏上百 M 甚至达 G 级的体积,小游戏 “小” 的特点十分显著。因此小游戏的类型也集中于玩法休闲的轻量级游戏。

即点即玩

与小程序相同,小游戏无需下载安装,用户通过搜索、好友 / 群会话窗口、小游戏中心(“发现-游戏” 可找到 “好友在玩小游戏”)任一入口,点击即可进入小游戏。进入游戏后,无需进行注册操作。“即点即玩,玩完即走”,小游戏这一特性大大降低了用户尝试体验的门槛,即使玩了一段时间后 “弃坑” 也不会带来任何麻烦和牵挂。

流畅体验

小游戏被赋予了基于 WebGL 的 3D 渲染、本地存储、分包加载、热更新、支付等众多游戏所需具备的能力,相对于 H5 游戏来说,无论功能还是体验上大大提升了一个台阶,使其更接近原生游戏。另一方面,小游戏实现了后台运行功能,用户无需担心切换消息界面时游戏自动退出的问题(几分钟限制),场景切换更加流畅自如。

去中心化

去中心化是小程序乃至微信一直所推崇的理念。对于小游戏的去中心化,可以从内容提供和流量来源两个方面解释。小游戏于今年(2018 年)4 月全面放开,从一开始的 10 余款游戏到当前统计(2018 年 7 月) 2000 余款,小游戏的大多数内容提供是来源于第三方开发者的。另一方面,小游戏活跃在会话、分享、搜索等用户自行发起的行为场景里,流量来源不再是依靠单一的中心入口(虽然有小游戏中心,但入口较深,引流作用远远弱于用户自主行为)。

与此同时,小游戏也拥有微信平台所带来的独特优势:

裂变传播

小游戏在微信中的入口相对较深,其流量来源主要依靠用户分享。得益于微信本身的数亿活跃用户,依托于微信的小游戏实现了快速分发、社交化传播的分享机制,这使得数款小游戏在上线短时间内就积累了上亿的用户数。

关系链支持

小游戏打通了社交和游戏场景,开发者可通过小游戏提供社交关系链接口,获取用户好友的用户数据,以及用户所在某个群的用户数据。基于此,小游戏衍生了好友超越、好友排行、群排行等融合社交的趣味玩法。这些玩法会在《基础篇 2:微信小游戏开放能力》做详细介绍。

高留存率

根据小游戏开放后的 100 天 ① 数据来看:小游戏在活跃用户留存率上,七日留存率达 45%,可见小游戏的高用户黏性。如此高的留存率对于 H5 游戏来说,是难以想象的,这已足以和一款成功的原生游戏相媲美。

参考 ① :100 天数据,指微信小游戏于 2018 年 4 月 4 日开放发布,2018 年 7 月 10 日微信公开课公布 100 天数据。

3. 对比:小游戏与 H5 游戏及小程序

前文提到,小游戏既属于小程序,也属于 H5 游戏,但它与两者还是存在着明显的区别的。下面我们从技术的角度来分析。

与运行在 webview 环境中的 H5 游戏不同,小游戏的运行环境是一个绑定了一些方法的 JavaScript VM,因此,小游戏支持 JavaScript。在小游戏的运行环境中,H5 规范 API(如:Canvas 2D、WebGL 1.0 等)是通过 wx API 来实现的,它并没有提供 DOM、BOM 等与游戏关系不大的 API。但在此基础上,又增加了微信社交能力、文件系统、工具链等能力助力游戏开发。

关于小游戏运行框架,会在《基础篇 1:微信小游戏开发基础》中做详述。

与 H5 游戏的区别

与 H5 游戏的区别2

小游戏虽然是小程序的一个类目,但两者所专注的功能不尽相同,编译和结构也有所区别。为了使小游戏更专注于游戏能力,在小程序的基础上,小游戏去掉了多页面、WXSS、WXML;同时,完善了渲染、文件系统、后台多线程等能力。

与小程序的区别

4. 发展历程

小游戏上线时间不足一年,但已经历了多个重要节点:

  • 2017.12.28
    • 微信 6.6.1 版本发布,开放微信小游戏,上线《跳一跳》等 17 款小游戏
  • 2018.01.15
    • 总用户达 3.1 亿,《跳一跳》日活超 1 亿 ②
  • 2018.03.23
    • 开放测试:开发者可开发、调试小游戏,但不可发布
    • 开放微信社交关系链
    • 开放安卓版虚拟支付能力
  • 2018.04.04
    • 正式开放发布
  • 2018.04.26
    • 发布小游戏达 300 多款
    • 数款小游戏总用户数过亿
    • 多款小游戏单月安卓流水超千万
  • 2018.05.16
    • 上线数量突破 500 款
  • 2018.07.09
    • 上线数量突破 2000 款

参考 ②:微信日活超 9 亿

5. 创收模式

小游戏能否变现,应该是很多开发者都关心的问题了。小游戏为开发者提供了两种创收的方式:

道具内购(安卓)

道具内购是最直接的创收方式,开发者可以在安卓版(iOS 暂不支持)的小游戏中提供道具内购。目前(截止小册发布)暂行的收益分成规则如下: 开发者收益 = 小游戏道具内购总流水收入 - 腾讯渠道技术服务费 ③ - 腾讯依法代扣代缴税款(如有)

参考 ③:腾讯渠道技术服务费,即小游戏道具内购总流水收入的 40%,包含腾讯渠道技术费以及第三方支付渠道的扣取费用。

道具内购截图

道具内购的接入是需要一定条件的。道具内购依赖虚拟支付,而开通虚拟支付之前,需要先开通微信支付。

目前开通虚拟支付必须是主体类型为个体工商户或企业已认证小游戏,所以个人主体类型小游戏暂时无法通过道具内购实现创收。

广告

除了道具内购的方式,开发者也可以通过成为流量主,享受小游戏的广告收益。目前暂行的收益分成规则如下: 单日广告收入流水 ④ 10 万元以内(含)的部分,开发者可获其中 50% 单日广告收入流水超过 10 万元的部分,开发者可获其中 30%

参考 ④:广告收入流水,即平台根据用户的每一次广告点击收取广告费用。

小游戏接入的广告可以有两种形态:Banner 广告和激励视频广告,囊括了活动推广 / 应用下载 / 商品推广 / 公众号推广等多种类型。

Banner 广告和激励视频广告截图

开发者可自定义广告展示的场景。对于 Banner 广告,为保证用户体验,建议放于游戏结算页等场景,而非游戏过程中。而激励视频广告,则要更多地考虑与游戏场景做融合:用户在小游戏中主动触发激励视频广告,达成奖励下发标准(完整播放,并手动点击 “关闭广告” 按钮),可获得该小游戏下发的奖励。激励视频广告适用于以下游戏场景:通关、复活、获取道具、获取积分、获取游戏机会等。

目前,小程序(包括小游戏)广告组件已全量开放,累计独立访问用户(UV)不低于 1000 且无严重违规记录的小游戏都可以在小程序后台自助申请开通广告位。

6. 同类产品

除了微信小游戏,QQ 空间小游戏QQ 玩一玩(厘米游戏)Facebook Instant Games 都在尝试着将社交场景和游戏场景做融合。

三种游戏截图

QQ 空间小游戏

国内最大的 H5 开放平台,整合了手机 QQ 空间、QQ 空间独立客户端等优质资源。已上线的游戏中,大部分都是属于第三方开发者。从技术角度上来讲,QQ 空间游戏实质还是 H5 游戏,QQ 空间的平台只是作为一个入口,代理游戏页面并实现首屏优化,与平台功能进行整合。QQ 空间小游戏在 2018 年 2 月上线了 “双人 PK 模式”,供玩家与好友,或者与匹配的陌生人在小游戏之中进行对战。对战匹配功能由平台实现。

QQ 玩一玩

2018 年 1 月,QQ 玩一玩灰度上线。QQ 客户端聚集着庞大的年轻用户体量,将年轻化互动玩法引入游戏社交。技术上,QQ 玩一玩的底层 Runtime 同样不是真正的 HTML 浏览器内核,而是采用了 QQ 团队自主研发的 bricks 引擎。提供了底层基础物理计算、游戏渲染、音视频、多人实时联机等功能,并在上层提供了基于 JavaScript 的接口。现阶段 QQ 玩一玩需有邀请码才能接入。

Facebook Instant Games

早在 2016 年底上线,但直至今年 3 月才完全开放。Instant Games 技术上依旧是 H5 游戏,可以运行在 Facebook PC 端、Facebook 客户端、Messager 等。

7. 小结

微信小游戏上线虽不足一年,但借助平台的社交优势,已经积累了一定量级的活跃用户。对开发者全面开放,提供相关的分成机制,也使小游戏数量在短时间内爆发。

学习开发基于 JS 技术栈的小游戏,对于 Web 前端开发人员来说更易于上手;对于使用其他语言的开发者,需要对 JS 先做一个基础的学习,并深入理解 Canvas 的相关内容。

本小册将会通过一个完整的小游戏开发案例,一步步带大家体验小游戏开发的乐趣。但在此之前,我们需要先学习微信小游戏的基础知识和相关能力,以及游戏引擎的选型使用。这些都会在接下来的基础篇做讲解。