凡铁游戏提供最新游戏下载和手游攻略!

开源H5游戏引擎:Hilo,阿里出品,助力营销互动小游戏开发

发布时间:2024-10-22浏览:27

这篇文章给大家聊聊关于开源H5游戏引擎:Hilo,阿里出品,助力营销互动小游戏开发,以及对应的知识点,希望对各位有所帮助,不要忘了收藏本站哦。

关于 Hilo

Hilo 是阿里团队推出的一个开源的 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 游戏引擎,轻巧无依赖,适合用来开发营销互动小游戏|那些免费的砖

用户评论

来自火星球的我

这名字很有感觉,简单易记!

    有10位网友表示赞同!

陌然淺笑

开源的游戏引擎?这种东西一直都有吗?

    有17位网友表示赞同!

葵雨

阿里做的啊,应该质量有保证吧!期待体验一下。

    有13位网友表示赞同!

素婉纤尘

H5小游戏挺好玩的,方便随时都能玩。希望这个引擎能开发出更多有趣的小游戏!

    有5位网友表示赞同!

浮殇年华

营销互动小游戏的引擎,我猜想应该是用来宣传产品或者吸引用户的,很有创意!

    有17位网友表示赞同!

灼痛

看介绍说是开源的,这么说来自己也能用它制作游戏了吗?太棒了!

    有10位网友表示赞同!

龙卷风卷走爱情

一直想做个小游戏,但没找到合适的工具,这个引擎正好派上用场啊!

    有6位网友表示赞同!

遗憾最汹涌

终于有一个适合开发H5游戏的引擎了,之前总找不到合适的!

    有19位网友表示赞同!

请在乎我1秒

阿里出品,质量应该不会 disappoint

    有11位网友表示赞同!

可儿

希望能够开发出一些创意十足的小游戏,吸引我们的注意力!

    有7位网友表示赞同!

话扎心

开源的?那可太棒啦!我们可以试试自己动手打造一些小游戏。

    有8位网友表示赞同!

无望的后半生

这个引擎的名字真简单,易于理解。我喜欢这种简洁的游戏名.

    有5位网友表示赞同!

酒笙倾凉

对营销互动小游戏感兴趣,期待看看这个引擎能开发出哪些创意作品!

    有8位网友表示赞同!

〆mè村姑

玩H5的小游戏比较方便快速,希望这个引擎可以开发更具沉浸感的交互体验!

    有19位网友表示赞同!

有阳光还感觉冷

做游戏的难度应该被大大降低了,我现在也可以试试做个简单的游戏了!

    有5位网友表示赞同!

看我发功喷飞你

期待能看到一些由HiLo引擎开发出的优秀小游戏作品!

    有10位网友表示赞同!

海盟山誓总是赊

看介绍说适合营销互动,可以用来宣传推广产品,很有意思!

    有17位网友表示赞同!

暮光薄凉

希望这个引擎能受到开发者们的欢迎,开发出更多好玩的H5小游戏!

    有12位网友表示赞同!

哭着哭着就萌了°

阿里出品的引擎应该会有完善的支持文档和社区,新手应该也能轻松上手!

    有18位网友表示赞同!

执妄

开源游戏引擎真是太棒了!期待它能够带给玩家更多有趣的游戏体验!

    有8位网友表示赞同!

热点资讯