明天举荐一个适宜用来做营销小游戏的 H5 游戏引擎，轻量简略容易上手，疾速上线提前上班靠它了。
对于 Hilo
Hilo 是阿里团队推出的一个开源的 H5 游戏引擎，特点是对非游戏从业的前端开发者十分敌对，轻量无依赖，适宜用来开发营销小游戏。
作为一款阿里团队外部始终在应用游戏引擎，Hilo 沉闷在阿里系大量的电商节日和流动中，比方今年的双十一狂欢城、手机淘宝中应用 webview 加载的打年兽、618 抢豪车、双十一红包雨等 H5 互动游戏，都基于 Hilo 开发。
Hilo H5 游戏引擎的技术个性
- 反对模块化开发，同时提供独立版本 (可间接引入) / RequireJS(AMD) / CommonJS / SeaJS(CMD) / Kissy 等多种模块形式的包装版本和跨终端解决方案，满足不同前端开发者的习惯
- 无依赖于其余包，轻量到只有 70 KB 的体积
- 反对 DOM 渲染，Canvas 渲染和 WebGL 渲染，集成了 Hilo Audio (游戏音频音效)、Hilo Preload (预加载) 和动画纹理等工具
开发应用感触
我学习和应用 Hilo 源自于一次工夫紧迫的营销开发需要 – 红包雨，这个需要的技术要求是对动画晦涩度和点击响应速度的保障。应用惯例的 div + css，貌似难以撑持需要，转而做了 H5 游戏引擎的技术调研。
在比照了市面上绝对业余的 H5 游戏引擎（比方 Cocos2d-x / Egret 白鹭引擎 / createjs 和 Phaser），发现这些引擎不仅业余，还有海量的文档，没有肯定的游戏开发技术，很难在短时间啃下来。前面偶尔发现了 Hilo 这款不太出名的游戏框架，从它的演变来看，发现 Hilo 属于阿里前端团队在实践中封装进去的一套工具库。
从 Hilo 反对的 API 看，Hilo 的设计思路更加偏差于前端开发者，而非游戏开发者，在 javascript 根底过关的状况下，借助官网的文档，上手很快。官网提供了一个谆谆告诫的 Flappy Bird 休闲小游戏的教程，当天我用了一个下午的工夫跟着做，游戏开发中舞台、场景、动画、容易等概念根本弄懂，用来做简略营销互动小游戏再适宜不过了。
在后续长达 1 年的工作中，我还基于 Hilo 搭建了一套简略的外部应用可视化互动书编辑器，总结出应用 Hilo 开发的几个须要留神的点：
应用倡议
Hilo 是一个入门级的 H5 游戏引擎，让前端开发者不必具备太多游戏开发常识，就能够开发互动小游戏，用来做营销互动游戏或者开发简略的休闲小游戏是齐全够用的，也特地适宜用 webview 内嵌 H5 游戏在 APP 利用中。当然如果你想转游戏开发，还是得学习 Cocos2d-x / Egret 白鹭引擎 / Phaser 这样的引擎，他们都蕴含诸如物理引擎、3D 渲染、骨骼动画等残缺撑持，以及提供了对游戏素材生成的工具，甚至能够编译成原生 APP。在这之前，也能够先花一点点工夫理解 Hilo，作为游戏开发入门的第一课吧。
如果只是为了做动画成果，能够看看之前举荐的 SpriteJs 和 lucky canvas（抽奖类库）。
收费开源阐明
Hilo 是阿里巴巴前端团队出品的 H5 游戏引擎，源码基于 MIT 开源协定托管在 Github 上，任何集体和公司都能够收费下载应用在本人的我的项目上。
相干网址：https://www.thosefree.com/hilo