互动游戏 :Hilo - 阿里出品的开源 H5 游戏引擎，适合用来开发营销互动小游戏

今天保举一个合适用来做营销小游戏的 H5 游戏引擎，轻量简单容易上手，快速上线提早下班靠它了互动游戏 。

关于 HiloHilo 是阿里团队推出的一个开源的 H5 游戏引擎，特点是对非游戏从业的前端开发者十分友好，轻量无依赖，合适用来开发营销小游戏互动游戏 。

Hilo 官网

做为一款阿里团队内部不断在利用游戏引擎，Hilo 活泼在阿里系大量的电商节日和活动中，好比往年的双十一狂欢城、手机淘宝中利用 webview 加载的打年兽、618 抢豪车、双十一红包雨等 H5 互动游戏，都是基于 Hilo 开发互动游戏 。

Hilo 做品例子

Hilo H5 游戏引擎的手艺特征撑持模块化开发互动游戏 ，同时供给独立版本(可间接引入) / RequireJS(AMD) / CommonJS / SeaJS(CMD) / Kissy 等多种模块体例的包拆版本和跨末端处理计划，满足差别前端开发者的习惯无依赖于其他包，轻量到只要 70 KB 的体积撑持 DOM 衬着，Canvas 衬着和 WebGL 衬着，集成了 Hilo Audio (游戏音频音效)、 Hilo Preload (预加载) 和动画纹理等东西

Hilo 文档

开发利用感触感染我进修和利用 Hilo 源自于一次时间紧迫的营销开发需求 – 红包雨，那个需求的手艺要求是对动画流利度和点击响应速度的保障互动游戏 。利用常规的 div + css ，貌似难以支持需求，转而做了 H5 游戏引擎的手艺调研。

在比照了市道上相对专业的 H5 游戏引擎（好比 Cocos2d-x / Egret 白鹭引擎 / createjs 和 Phaser），发现那些引擎不只专业，还有海量的文档，没有必然的游戏开发手艺，很难在短时间啃下来互动游戏 。后面偶尔发现了 Hilo 那款不太出名的游戏框架，从它的演变来看，发现 Hilo 属于阿里前端团队在理论中封拆出来的一套东西库。

从 Hilo 撑持的 API 看，Hilo 的设想思绪愈加偏向于前端开发者，而非游戏开发者，在 javascript 根底过关的情况下，借助官网的文档，上手很快互动游戏 。官网供给了一个循循善诱的 Flappy Bird 休闲小游戏的教程，当天我用了一个下战书的时间跟着做，游戏开发中舞台、场景、动画、容易等概念根本弄懂，用来做简单营销互动小游戏再合适不外了。

在后续长达 1 年的工做中互动游戏 ，我还基于 Hilo 搭建了一套简单的内部利用可视化互动书编纂器，总结出利用 Hilo 开发的几个需要留意的点：

若是要做全屏小游戏，Hilo 没有供给出格好的全屏适配计划，根据官方供给的代码例子，整个舞台以及里面的元素会变形，需要做一些屏幕参数计算的额外工做可能是阿里外部用的人不太多，官网供给的代码例子比力少，固然有交换群，但我碰到奇异的问题，几乎都是自行处理若是不是像 2048 那种休闲益智类小游戏，不要选择 DOM 形式来衬着，DOM 形式固然性能开销小，但是对与动画流利度和点击响应速度是实欠好官方的图片、音频预加载东西欠好用，我用的 preload.js 取代的利用建议Hilo 是一个入门级的 H5 游戏引擎，让前端开发者不消具备太多游戏开发常识，就能够开发互动小游戏，用来做营销互动游戏或者开发简单的休闲小游戏是完全够用的，也出格合适用 webview 内嵌 H5 游戏在 APP 应用中互动游戏 。当然若是你想转游戏开发，仍是得进修 Cocos2d-x / Egret 白鹭引擎 / Phaser 如许的引擎，他们都包罗诸如物理引擎、3D 衬着、骨骼动画等完好支持，以及供给了对游戏素材生成的东西，以至能够编译成原生 APP。在那之前，也能够先花一点点时间领会 Hilo，做为游戏开发入门的第一课吧。

若是只是为了做动画效果，能够看看之前保举的 SpriteJs 和 lucky canvas（抽奖类库）互动游戏 。

免费开源申明Hilo 是阿里巴巴前端团队出品的 H5 游戏引擎，源码基于 MIT 开源协议托管在 Github 上，任何小我和公司都能够免费下载利用在本身的项目上互动游戏 。

存眷我，持续分享高量量的免费开源、免费商用的资本互动游戏 。

↓↓点击查看本次分享的网址互动游戏 。

Hilo - 阿里巴巴出品的免费开源 H5 游戏引擎互动游戏 ，轻盈无依赖，合适用来开发营销互动小游戏｜那些免费的砖