游戏小程序开发深度分析

“跳跃”小程序引发了全国热潮，让许多游戏开发者和创业团队感到不知所措。今天，小编将从游戏小程序的生态功能，游戏小程序技术问题和游戏小程序开发前景开发游戏小程序的沈阳汇海。

一、小游戏生态特点

目前，微信游戏已经发布了17款首次游戏，其中包括6款国际象棋游戏，以及休闲游戏，如消除喜爱，消除爱情，坦克大战和防守萝卜。

从入口的角度来看，微信游戏的当前正门有如下：

1，小组或朋友分享

2.识别小游戏二维码

3，最近玩小游戏后出现微信聊天列表页面

4，找到 - 小程序

5，发现 - 游戏 - 我的游戏

从技术角度来看，基于游戏库API的添加，微信游戏小程序是微信小程序。游戏小程序只能在小程序环境中运行，因此游戏小程序既不是本机游戏，也不是HTML5游戏完全相同。

但实际上，游戏小程序针对的是HTML5游戏开发者。为了以尽可能低的成本使HTML5游戏便携，游戏重用了基于浏览器的HTML5技术，如WebGL和JavaScript。

可以说游戏小程序是一款采用HTML5技术构建的游戏产品，具有微信的原生体验。

游戏小程序在采用这种模式时有很多优点，最大的优点是稳定性和可控性。与原生相比，微信可以在微信内关闭游戏;与纯HTML5相比，您不必担心被游戏削减。

微信游戏小程序运行时环境比“HTML5 Ecology”中出现的其他运行时表单有很大的优势。这意味着无论您开发哪种游戏引擎HTML5游戏，都可以轻松移植到游戏小程序。这允许微信游戏直接从巨大的HTML5生态系统中借用。

除了技术，微信给游戏小程序最强大的祝福是社交沟通。利用微信的社交生态来获取新用户将在小游戏的设计中占据非常重要的地位。

我们可以看到，在前16个游戏中，除了跳屏入口外，其他游戏小程序入口都隐藏得更深，所以流量来源主要不是基于推荐列表，而是通过社交传播。这与市场上大多数用户，洗涤用户和滚动衣服的游戏设计理念不同。

微信开放质量的入口，庞大的用户群，以及即点即用，共享功能将给游戏带来巨大的潜力。一切都取决于开发人员如何抓住机会找到适合微信用户的游戏类别和表格。

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

如前所述，游戏小程序的开发主要是重用HTML5技术堆栈，因此开发HTML5游戏的开发人员将更快地开始，甚至许多HTML5游戏都可以快速移植到游戏小程序平台。具体来说，微信游戏小程序的开发技术分为三个部分。

1. 底层技术

第一个是开发语言。 微信游戏仅支持JavaScript。当然，可以编译成JS和CoffeeScript的TypeScript可以用作开发语言。

其次是游戏小程序支持的游戏库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引擎不支持直接发布，但经过一些自定义后，它们可以在小型游戏环境中成功运行。

3. 微信 SDK

此外，微信游戏小程序还提供了丰富的微信内部SDK供开发人员调用，使用这些界面完成常规社交功能，如用户登录，转发，排行榜等。

然而，除了这些常规游戏外，最令人欣慰的是，通过转发游戏小程序，您可以完成团队的团队形成或游戏中的战斗，以及点击游戏的小游戏。可以说这种游戏体验。它是无缝的。

邀请朋友们参加快乐坦克大战

朋友点击前进链接直接进入游戏完成团队

这组转发+即点即用机制可以带来非常有趣的社交游戏。

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

在开场部分，游戏小程序既不是本机游戏也不是HTML5游戏。它的开发环境实际上与两者密切相关。

与HTML5的关系是它重用HTML5渲染界面，但它与原生游戏有什么关系？我们用图解释：

游戏的运行环境实际上是微信的本机环境。游戏的JavaScript代码不是由浏览器执行的，而是由图中JS VM层的单独JavaScript引擎执行的。 Google的v8引擎用于Android平台，Apple的JavaScript Core引擎用于iOS。

当然，JS引擎只负责解释执行JS逻辑，并且不支持渲染接口。如何实现渲染接口和许多微信功能接口？这不得不提到脚本绑定技术，它可以是某种技术。本机语言的界面桥接到脚本界面。在脚本级别调用接口时，会自动将其转发到本机层，并调用本机接口。

微信游戏小程序环境使用这种技术将iOS/Android本机平台实现的渲染，用户，网络，音频和视频接口绑定到JavaScript接口。这是图中小游戏层模块的微信原生层模块的原理。本文不能深入讨论脚本绑定技术。如果您有兴趣，可以了解Cocos Creator的JSB绑定实现，这是游戏引擎中唯一完全开源的绑定技术实现。

在游戏小程序具有这样一组框架之后，HTML5游戏在迁移过程中仍会遇到许多API兼容性问题。最简单的是文档对象不存在且Image对象不存在。为了降低迁移成本，微信团队提供了一个适应浏览器接口子集的适配器脚本。

如上图所示，适配器部分提供了大多数HTML5游戏所依赖的浏览器界面。此图像也是开发人员可以在微信游戏中使用的接口模块的完整描述：

浏览器渲染界面

浏览器适配器

微信服务SDK

值得一提的是，不再维护Adapter脚本，因此额外的接口调整需要由开发人员自己完成，并且依赖于DOM接口的大多数功能都无法适应游戏小程序环境。

刚才提到每个人都建议使用游戏引擎开发游戏小程序，基于游戏小程序环境，游戏引擎不仅封装了高级界面，还试图平滑浏览器和小游戏之间的差异环境。

从图中可以看出，如果您不使用游戏引擎，开发人员将面对游戏小程序的底层API。使用游戏引擎后，它面向引擎的API。

总结游戏引擎为开发人员所做的工作，包括以下内容：

框架：

高级API包装更便于游戏开发;

资源加载适应;

事件处理适应;

音频播放改编;

窗口适应;

输入框适应;

添加其他缺少的接口，例如添加DOM Parser来解析TileMap。

EDITOR：

优化项目艺术规划协同效率;

一个出色的游戏编辑器可以大大缩短开发周期。

GENERAL：

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

跨平台游戏引擎提供无缝发布HTML5，迷你游戏和本机平台的能力。

高效的编辑器降低了开发成本;低进入壁垒降低了劳动力成本;高兼容性和稳定性能降低维护成本;跨平台/渠道带来强大的流量获取能力。对于开发人员来说，这些是生存和盈利的保证！

四、上手调试游戏小程序

需要注意的是，在今天作者的文章中，微信公共平台目前没有权利开放开发者申请游戏类别，因此只能通过“体验游戏”功能进行技术尝试。游戏小程序开发工具。但不要担心，微信团队应该很快打开游戏类别的应用程序。

1. 微信开发者工具介绍

下图是微信开发人员工具在进行小型游戏开发时的基本布局：

微信开发人员工具基本布局

上面是工具栏，其中包含最重要的编译，预览和配置细节;模拟器窗口用于显示左侧的游戏运行效果;代码编辑器位于右上角，可以查看项目中的文件列表，编辑文本文件;下面是调试器窗口，使用与Chrome Devtools相同的方法。

2. 微信游戏小程序配置和入口文件

在微信游戏小程序项目中，project.config.json和game.json配置文件是第一个添加的，project.config.json可以定义您的迷你游戏appid，游戏名称，配置等。 Game.json主要用于指定游戏方向和网络超时。

另外，游戏不支持任何html文件，入口文件是game.js，你需要的引擎和游戏脚本汇海应该在game.js中引入require函数，require函数的使用遵循require node.js的规范

3. 编译和预览

微信开发人员工具将自动侦听脚本和配置的更改，并在发生更改时自动更新。您还可以通过顶部的编译按钮触发重新编译。当您需要在手机上预览小游戏的效果时，您需要单击预览按钮以生成QR码并扫描代码以进入迷你游戏。生成QR码的过程实际上是将游戏包压缩并上传到微信 CDN，因此需要一些时间。

4. 详情配置

详细信息配置包含一些重要的配置选项，包括：

调试基础库：小游戏应该选择游戏;

ES6到ES5：是否将ES6脚本转换为ES5;

上传代码时自动压缩：是否压缩脚本;

不验证安全域名，TLS版本和HTTPS证书：当您在本地测试或通过非正式域测试时，您需要启用此选项来访问您的服务器。

五、市场展望

最后，从市场的角度来看，实际上，小游戏所青睐的HTML5技术堆栈包含着巨大的机遇。目前，有许多游戏引擎使用JavaScript来支持跨平台。

以Cocos Creator为例，编写一套游戏代码，可以在编辑器中无缝发布HTML5手机页面游戏，PC页面游戏，手机原生游戏，小游戏。我们可以简单计算，根据12月初伽马数据的行业报告，2017年国内手机原创游戏为1162亿，PC终端游览为648亿，而PC页面游览为156亿，所以如果比例计算简单，手机页面浏览的市场空间=1162÷648 x 156=每年280亿元人民币。

如果我们进一步考虑Flash宣布2020年停工，市场上的大量PC页面游戏将开始使用HTML5技术，并且手机中有大量的微型终端产品。如果不考虑约束，HTML5技术可以支持游戏市场的规模=280亿移动页面游戏+156亿PC页面游戏+一些手机原生游戏每年500亿元人民币500亿元。

人民币500亿元仍然只计算国家的规模。根据国外Newzoo在年中的数据，中国游戏产业的规模占全球的25％。 HTML5技术理论上可支持的全球手机页面浏览，手机原生和PC页面游戏市场容量每年可达到2000亿元。

因此，掌握HTML5技术堆栈，掌握微信游戏，QQ厘米游戏，Facebook即时游戏等“手机页面游览”新平台上的社交游戏开发技术，了解用户特征和有针对性的游戏设计在这些社交平台上。对于想要进入该领域的游戏开发者来说，在不久的将来这是一个紧迫的问题。

而目前的普遍看法是，在资金的推动下，手机页面游戏的时间窗口应该只有1〜1。5年。原创游戏制造商的布局将会成功，并且会有新的开发商和发行商。在游戏产业中，这样的rumpet只能在大约5年内发生一次。

以上是沈阳汇海解读游戏小程序的生态功能，游戏小程序开发技术和游戏小程序开发前景分析，沈阳汇海是专业的微信小程序定制开发服务微信第三方开发公司，提供主流分发，分组，语音密码红包业务模式小程序解决方案，例如预订，抓取和直播。开发微信小程序可咨询小编电话：136.6008.3045 微信：757988498 QQ：2711869431