翻译”：[{“文本”：”
HTML5时代已经到来n
n
经过多款小型H5游戏（裸跑）磨合，以及100多名H5开发者的测试和反馈，Layabox的第二代H5引擎LayaAir逐渐稳定下来。它将于 4 月 15 日可供整个行业的开发人员下载。此前，Layabox官网于3月31日发布了LayaAir引擎API、引擎开发示例源码、引擎性能展示DEMO。
n
H5引擎是游戏的天花板
n
因为大部分 H5 浏览器都有性能缺陷，开发者很少关注，H5 游戏会出现滞后等现象，有开发者本身的原因，也有引擎的激励。尤其是面对小游戏，引擎是游戏的天花板，决定了你能不能把游戏设计得更轻松一些？
n尽管
H5行业，在性能上存在明显差异，有些引擎甚至不支持高清模式，所以为了让游戏运行起来，牺牲了游戏的帧率性能。因此，选择性能出色的引擎在 H5 游戏中起着关键作用。
n
n
拉亚盒子引擎H5轻型动作游戏刀片2
n该
第二代发动机LayaAir正式推出
n在H5
行业，Layabox是迄今为止唯一一款拥有H5中期在线游戏的商业级引擎。基于Layabox的第一代引擎LayaFlash，光动作游戏《猎刃2》和MMORPG游戏《醉醺西游》都是真正可以与APP品质抗衡的小型H5游戏。但 Layabox 并没有止步于此，它将于 4 月 15 日推出裸奔性能应用程序的第二代 H5 引擎 LayaAir。
n
n
MMORPG 《醉醺西游》H5版
n
“醉醺醺西游”游戏视频
n
LayaAir发动机的性能演示
n
本文将向您展示官网公布的两个demo，更多性能演示和源码，请直接登录Layabox官网开发者中心体验查看。
n
开发者中心网址：（点击本文左下角的“阅读原文”，查看性能演示和源码！
n
下面DEMO的硬件测试环境是市场价499元的小米2A手机，系统为Android 4.4.4，浏览器为Chrome 46.0.2490.76。
n
n
同屏500部传奇动漫依次连接，达到60帧
n
n
500 个字符在同一屏幕上旋转和移动到 60 帧
n
技巧：
n
1、FPS是每秒传输帧率（FramesPersecond），60帧是全帧;
n2.(
3D）FPS表示为WebGL模式渲染后，（2D）表示Canvas模式渲染，LayaAir引擎产品会在不支持WebGL的浏览器中手动切换到Canvas模式。
n
LayaAir发动机的学习材料
n
LayaAir 支持 ActionScript3、JavaScript 和 TypeScript，供各种 H5 开发人员快速入门。即将发布时，LayaAir将全面开放学习资源，包括学习文档、视频教程、在线API、在线示例源代码、性能测试演示、问答社区、LayaAir引擎开发者QQ群等，为开发者提供更快、更高效的学习和入门。
n
明天，官网将提前开放LayaAir引擎API和示例。丰富的在线示例DEMO也可以直接在线编辑和执行，并可以生成示例QR码，以便在移动浏览器中快速体验。
n
n
拉亚航空发动机在线示例
n
n
拉亚航空发动机在线接口
n
拉亚博克斯的核心业务
n
拉亚空气发动机
n
裸奔性能与APP新一代HTML5引擎竞争;
n
支持手动切换画布模式;
n
支持2D\3D\VR产品开发;
n
支持在 ActionScript3\TypeScript\JavaScript 中进行开发;
n
一个开发可以同时发布：手游APP、HTML5、Flash页面游戏多端版。
n
拉雅闪光引擎
n
兼容Flash原生API，支持Flash页面游戏\手机游戏快速转换HTML5游戏。
n
拉亚玩家跑步者
n
支持各类HTML5项目（包括第三方引擎）加速，性能赶超APP，Runner已嵌入主流渠道，提供HTML5打包成原生APP工具;
n
拉雅开放开放平台
n
一次对接，全渠道分发，安装超过5亿台联通设备助力CP发布，开发者享受80%的分销份额支持新政策
n
一句话介绍
n
Layabox解决了HTML5的性能问题和产品源头的问题，拥有庞大的HTML5联合分发流量，欢迎各方合作！
n
拉雅闪电引擎开发者交流组
n
QQ群号：343966316
n
Layabox开发者官方组（综合交流）。
n
QQ群号：330223972
n
“，”to“：”en“，”sentLen“：{”srcSentLen“：[18，1，1，65，19，59，5，19，63，59，62，30，5，14，30，24，41，69，50，5手机h5游戏源码，14，22，17，22，67，5，43，71，5，14，28，14，27，13，45，85，5，22，69，93，5，30，44，5，14，21，14，22，20，17，29手机h5游戏源码，23，54，37，5，19，42，5，21，67，20，53，13，60，25，22，
28，22，13]，”transSentLen“：[34,0,1,197,81,168,5,48,227,145,239,93,5,14,51,70,102,201,140,5,14,52,45,55,222,5,140,185,5,14,93,14,74,13,100,198,5,49,117,335,5,87,159,5,14,37,14,33,31,22,87,54,45,71,117,5,24,104,5,25,219,30,189,33,169,49,34,66,33,13]}}]}]
在陌陌6.6.1版本中，“玩个小游戏是一件严肃的事情”的首屏小游戏入口被推送给用户，整个朋友圈一时间跳跃。相信很多游戏开发者都渴望找到答案。今天，我和王喆就给大家讲一个关于陌陌小游戏开发知识的技术角度的科普，这一系列文章来自我们 Cocos Creator 引擎团队和陌陌团队流程总结，目前，Cocos Creator v1.8 编辑器已经首次支持陌陌小游戏版一键发布。
今天的文章是介绍陌陌小游戏开发的系列文章中的第一篇。
一、小游戏的生态特征目前，陌
陌小游戏已经发布了17款新手游戏，包括6款桌游，以及《开心胸围》、《爱情通关》、《坦克大战》、《保卫萝卜》等休闲游戏。
入口
方面，微信小游戏的主要入口如下：
从技术角度来看，微信小游戏是陌陌小程序新增的游戏库API。小游戏只能在小程序环境中运行，因此小游戏既不是原生游戏，也不是HTML5游戏的完全等同。但实际上，小游戏是针对HTML5游戏开发者的，为了让HTML5游戏尽可能低的可移植，小游戏尽可能重用WebGL和JavaScript等浏览器的HTML5技术。可以说，小游戏是一款采用HTML5技术打造的陌陌游戏产品，有着原生体验。
在小游戏中使用这样的模式有很多好处html5 手机游戏 源码，最大的好处是稳定可控。与原生相比，微信可以关闭陌陌内部的游戏循环;相比于纯HTML5，无需担心被游戏剪辑和广告支付。
比较
与其他已经出现的运行时形式相比，微信小游戏的运行时环境对于“兼容的HTML5生态”有很大的用处。这意味着您使用该游戏引擎开发的任何HTML5游戏都可以轻松移植到迷你游戏中。这使得陌陌小游戏可以直接从庞大的HTML5生态系统中得到利用。
除了科技，微信对小游戏最强的加持就是社交。善用陌陌的社交生态获取新用户，将在小游戏设计中占据非常重要的位置。我们可以看到，在首批16款游戏中，除了跳丢帧入口外，其他小游戏入口都隐藏得很深，所以流量来源主要不是靠推荐列表，而是通过社交传播。这与市场上大多数引导用户、洗用户、滚动和服务的游戏设计思路不同。
微信开放的高质量入口、庞大的用户群、点击播放和分享功能，将赋予小游戏巨大的潜力。完全取决于开发人员抓住机会，为Momo用户找到合适的游戏类别和形式。
二、以上 API：开发小游戏必备的知识点
如前所述，小游戏的开发主要重用HTML5技术栈，所以开发过HTML5游戏的开发者上手会快很多，甚至很多HTML5游戏都可以快速移植到小游戏平台上。具体来说，微信小游戏的开发技术分为三个部分。
1. 底层技术
首先是开发语言，微信小游戏只支持 JavaScript，当然可以编译成 JS 的 TypeScript 和 CoffeeScript 可以作为开发语言使用。
二是小游戏支持的游戏库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供开发者调用，使用该套接字完成用户登录、转发、排行榜等常规社交功能。
不过，不光是这种常规的玩法，最可喜的是，通过转发小游戏，玩家在游戏中的队伍或者战斗就可以完成，小游戏的特点是点击游玩html5 手机游戏 源码，这种邀请战斗的游戏体验可以说是天衣无缝的。
让你的朋友在有趣的坦克大战中组队
好友点击转发链接即可直接进入游戏，完成队伍组建
这种群转发+点击播放机制可以带来非常有趣的社交玩法。
三、API下：了解小游戏底层技术架构
正如开头提到的，小游戏既不是原生游戏也不是HTML5游戏，它们的开发环境其实和两者的关系特别密切。与HTML5的关系是它重用了HTML5的渲染插孔，但它与原始游戏有什么关系？让我们用图表来解释一下：
小游戏的
运行环境似乎是陌陌的原生环境，游戏的 JavaScript 代码不是通过浏览器执行的，而是通过图中 JS VM 层的独立 JavaScript 引擎执行的。谷歌的v8引擎用于Android，苹果的JavaScript Core引擎用于iOS。
当然，JS的
引擎只负责解释执行 JS 逻辑，不支持渲染套接字，那么渲染套接字和众多 Momo 函数套接字是如何实现的呢？这就不得不提脚本绑定技术，它可以将原生语言的套接字桥接到脚本套接字，在脚本层调用套接字时，会手动转发到原生层，调用原生套接字。微信小游戏环境采用了这样的技术，将 iOS/Android 原生平台实现的渲染、用户、网络、音视频套接字绑定到 JavaScript 接口中。这也是图中Momo原生层模块对小游戏层模块的原理。本文没有深入探讨脚本技术，但如果你有兴趣，可以查看 Cocos Creator 的 JSB 绑定实现，这是游戏引擎中唯一的完全开源绑定技术实现。在
小游戏有了这样一套框架之后，HTML5游戏在移植过程中总会遇到无数的API兼容性问题，最简单的比如文档对象不存在，图片对象不存在。为了增加移植成本，微信团队提供了一个适配某些浏览器套接字的适配器脚本。
如上图所示，
适配器部分提供了大多数 HTML5 游戏所依赖的浏览器套接字，这张图也描绘了开发者在 Momo 小游戏中可以使用的套接字模块。
值得一提的是，适配器脚本早已不再维护，因此额外的套接字适配需要开发者自己完成，大部分依赖 DOM 接口的功能都不适合小游戏环境。刚才提到建议大家使用游戏引擎开发小游戏，在小游戏
环境的基础上，游戏引擎不仅封装了高级套接字，还试图抹平浏览器和小游戏环境的区别。
从图中可以看出，如果不使用游戏引擎，开发者面对的是小游戏的底层API，
而使用游戏引擎后，面对的是引擎的API。
总结一下游戏引擎为开发者做了什么，有以下几个方面：
高级 API 封装更方便游戏开发;
资源负荷适应;
事件处理适应;
音频播放适配;
窗口适应;
输入框适配;
添加其他缺少的套接字，例如降低用于解析 TileMap 的 DOM 解析器。
优化项目-艺术-策划协同效率;
一个好的游戏编辑器可以大大缩短开发周期。
优秀的游戏引擎，设备兼容性高，运行性能稳定;跨平台游戏
引擎提供了无缝发布 HTML5、迷你游戏和本机平台的能力。
高效的编辑器带来了更高的开发成本;低准入门槛增加了劳动力成本;兼容性高，性能稳定，降低维护成本;跨平台/渠道的强大流量获取。对于开发者来说，这些都是生存和利润的保证！
4. 开始调试小游戏
需要注意的是，在撰写本文时，微信公众平台尚未开放供开发者申请游戏品类权限，因此只能通过小游戏开发工具的“体验小游戏”功能在技术层面进行尝试。但别担心，微信团队应该很快就会打开游戏应用程序。
1. 微信开发者工具介绍
下图是做小游戏开发时Momo开发者工具的基本布局：
微信开发者工具基本布局
它的顶部是工具栏，其中包含最重要的编译、预览和配置详细信息;左侧是模拟器窗口，用于显示游戏效果;右上方是代码编辑器，可以查看项目中的文件列表，编辑文本文件;右下角是调试器窗口，其使用方式与Chrome Devtools完全相同。
2. 微信小游戏配置和入口文件
在陌陌小游戏项目中，project.config.json 和 game.json 配置
文件是你需要添加的第一件事，project.config.json 可以定义你的小游戏 Appid、游戏名称、配置等，Game.json 主要用于指定游戏方向和网络超时。另外，小游戏不支持
任何HTML文件，入口文件是游戏.js，你需要启动的引擎和游戏脚本应该在游戏中引入require函数.js，require函数的使用符合node.js的要求规范。
3. 编译和预览
微信开发者工具会人工窃听脚本和配置的更改，发生更改时会手动更新，也可以通过底部的编译按钮触发重新编译。当您需要在手机上预览小游戏的功效时，需要点击预览按钮生成二维码，扫码即可进入小游戏。生成二维码的过程实际上是将小游戏包压缩并上传到陌陌 CDN，所以需要一些时间。
4. 详细配置详细配置包括
一些重要的配置选项，包括：
第5章 市场展望
最后，从市场来看，其实小游戏偏爱的HTML5技术栈蕴含着巨大的机会，有很多游戏引擎使用JavaScript来支持跨平台。以 Cocos Creator 为例，编写一组游戏代码，即可在编辑器中无缝发布 HTML5 手机页面游戏、PC 页面游戏、手机原生游戏、小游戏。我们可以简单估算，根据12月初的Gamma数据行业报告，2017年国内移动原生游戏为1162亿，PC游戏为648亿，PC页面游戏为156亿，所以如果按照比例简单估算，移动页面游戏的市场空间=1162÷648×156=每年280亿元。
如果进一步考虑Flash在2020年宣布停产，市面上大量的PC页面游戏已经开始转向HTML5技术，手机上
出现了大量的微终端产品，那么如果不考虑取舍的障碍，HTML5技术所能支撑的游戏市场规模应该=280亿移动页面游戏+156亿PC页面游戏+一些移动原生游戏≈每年500亿元。
500亿元只是国外规模的估计。根据美国Newzoo的数据，中国游戏产业占全球的25%，因此HTML5技术理论上可以支撑全球移动页面游戏、移动原生、PC页面游戏市场容量极限每年2000亿元。
因此，掌握HTML5技术栈，掌握陌陌小游戏、
QQ厘米秀、脸书小游戏等“手机页面游戏”等新平台上的社交游戏开发技术，洞察这个社交平台的用户特征，提出有针对性的游戏设计，对于想要进入这一领域的游戏开发者来说迫在眉睫。
而目前普遍的看法是，在资本的推动下，移动页面游戏的时间窗口应该只有1~1.5年，会有本土游戏厂商的成功布局，以及新的开发商和发行商。而在游戏行业要形成这样的发泄口，平均5年左右就有一次。
作者简介：
凌华斌，《椰子》创作者
师傅，Game Jamer，玩家，曾负责Cocos2d-JS、热更新框架、JSB框架，现在主要负责小游戏发布流程，Cocos Creator引擎新渲染器架构。
王哲，中科发动机创始人兼首席客服。
