今天给大家推荐一款适合营销类游戏的H5游戏引擎。早点下班就靠它了。关于HiloHilo是阿里团队推出的开源H5游戏引擎。它的特点是对非游戏行业的前端开发者非常友好。它是轻量级的，没有依赖性。适合开发小型营销类游戏。Hilo作为阿里团队内部一直在使用的游戏引擎，活跃在阿里系大量的电商节庆和活动中，比如往年的双十一狂欢城，年兽加载webview手机淘宝、618豪车抢、双十一红包雨等H5互动游戏都是基于Hilo开发的。HiloH5游戏引擎技术特性支持模块化开发，同时提供独立版本（可直接导入）/RequireJS（AMD）/CommonJS/SeaJS（CMD）/Kissy等模块化打包版本和跨终端满足不同前端开发者习惯的解决方案，不依赖其他包。它只有70KB。支持DOM渲染、Canvas渲染和WebGL渲染，集成了HiloAudio（游戏音效）、HiloPreload（预加载）和动画贴图等工具开发心得我对Hilo的学习和使用源于一次时间紧迫的营销开发需求——红包雨。该需求的技术要求是动画流畅度和点击响应速度的保证。使用常规的div+css似乎难以支撑需求，于是转而做H5游戏引擎的技术研究。比较了市面上比较专业的H5游戏引擎（比如Cocos2d-x/Egret白鹭引擎/createjs和Phaser），发现这些引擎不仅专业，而且文档也比较多。啃下来。后来无意中发现了Hilo这个不太知名的游戏框架。从它的演进来看，我发现Hilo属于阿里前端团队在实践中封装的一套工具库。从Hilo支持的API来看，Hilo的设计思路更偏向于前端开发者而非游戏开发者。借助官网的文档，通过javascript基础就可以快速上手。官网提供了FlappyBird休闲游戏的教程。那天我花了一个下午的时间跟着它。基本了解了游戏开发中的舞台、场景、动画、易用性等概念。我用它来制作简单的营销互动游戏。再合适不过了。在长达1年的后续工作中，我也基于Hilo搭建了一套简单的内部可视化交互图书编辑器，总结了使用Hilo开发需要注意的几点：使用建议Hilo是一个入门级的H5游戏引擎可以让前端开发者在没有太多游戏开发知识的情况下开发交互游戏。营销互动游戏或者开发简单的休闲游戏完全够用。也特别适合在APP应用中嵌入带有webview的H5游戏。当然，如果你想转行做游戏开发，还是得学习Cocos2d-x/Egret白鹭引擎/Phaser等引擎。它们都包括完整的物理引擎、3D渲染、骨骼动画等支持，并提供生成游戏素材的工具。甚至可以编译成原生APP。在此之前，你也可以花点时间了解一下Hilo，作为游戏开发入门的第一课。如果只是做动画效果，可以看看之前推荐的SpriteJs和luckycanvas（一个彩票类库）。免费开源说明Hilo是阿里巴巴前端团队出品的一款H5游戏引擎。源代码基于MIT开源协议托管在Github上。任何个人或公司都可以免费下载并在自己的项目中使用。相关网站：https://www.thosefree.com/hilo
