火星网校
h5游戏是用什么开发的(Hilo)
发布时间：2023-11-27 09:03:10 浏览量：105次
Hilo
今天推荐一个适合用来做营销小游戏的 H5 游戏引擎，轻量简单容易上手，快速上线提前下班靠它了。
Hilo 是阿里团队推出的一个开源的 H5 游戏引擎，特点是对非游戏从业的前端开发者非常友好，轻量无依赖，适合用来开发营销小游戏。
Hilo 官网
作为一款阿里团队内部一直在使用游戏引擎，Hilo 活跃在阿里系大量的电商节日和活动中，比如往年的双十一狂欢城、手机淘宝中使用 webview 加载的打年兽、618 抢豪车、双十一红包雨等 H5 互动游戏，都是基于 Hilo 开发。
Hilo 作品例子
- 支持模块化开发，同时提供独立版本(可直接引入) / 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款游戏引擎及其代表作品，涵盖了RAGE Engine、Naughty Dog Game Engine、The Dead Engine、Cry Engine、Avalanche Engine、Anvil Engine、IW Engine、Frostbite Engine、Creation引擎、Unreal Engine等引擎。借此分析引出了游戏设计领域和数字艺术教育的重要性，欢迎点击咨询报名。
-
游戏中玩家将面临武侠人生的挣扎抉择,战或降?杀或放?每个抉定都将触发更多爱恨纠葛的精彩奇遇。《天命奇御》具有多线剧情多结局,不限主线发展,高自由...
-
3. B站视频剪辑软件「必剪」：免费、炫酷特效，小白必备工具
B站视频剪辑软件「必剪」，完全免费、一键制作炫酷特效，适合新手小白。快来试试！
-
4. 手机游戏如何开发(如何制作传奇手游，都需要准备些什么？)
如何制作传奇手游，都需要准备些什么？提到传奇手游相信大家都不陌生，他是许多80、90后的回忆；从起初的端游到现在的手游，说明时代在进步游戏在更新，更趋于方便化移动化。而如果我们想要制作一款传奇手游的
-
5. 3D动画软件你知道几个?3ds Max、Blender、Maya、Houdini大比拼
当提到3D动画软件或动画工具时,指的是数字内容创建工具。它是用于造型、建模以及绘制3D美术动画的软件程序。但是,在3D动画软件中还包含了其他类型的...
-
三昧动漫对于著名ARPG游戏《巫师》系列，最近CD Projekt 的高层回应并不会推出《巫师4》。因为《巫师》系列在策划的时候一直定位在“三部曲”的故事框架，所以在游戏的出品上不可能出现《巫师4》
-
一、声音优化在绝地求生游戏中能够提前听到脚步声往往能提前取得战机,主要有两种方法:1、利用SoundLock软件,软件的功能主要是限制最大音量。百度搜索...
-
UI设计师、动画设计师、特效设计师每一个职位的功能和负责的方面都不同。所以,3D美术这方面需要大量的人才。但是要成为一个3D游戏建模师,也不是那么...
-
众所周知,虚幻引擎5(下面简称UE5)特别占用存储空间,仅一个版本安装好的文件就有60G,这还不包括我们在使用时保存的工程文件和随之产生的缓存文件。而...
-
想让你的3D打印模型更坚固？不妨尝试一下Cura参数设置和设计技巧，让你轻松掌握！
最新文章
