阿里巴巴集团开发的一款HTML5跨终端游戏解决方案——Hilo

Posted 2021-04-04 咱小二

老样子，我们先来说说Hilo的特点吧：

• 无依赖 模块化 范式包容

• 最小内核 终端兼容 Shim独立

• 周边覆盖 自动化构建 工具化产出

Hilo作为一个跨终端的互动游戏解决方案。它的源码和架构是无依赖的，模块化的。同时也是开源的。可以在这里查看并下载到源码。

为了满足使用不同脚本模块加载器的同学的喜好。Hilo提供了多种模块范式的包装版本，请看这里不管你属于哪一个阵营，都能找到你爱的哪一个。

Hilo对于跨终端的解决方案是：永远保持最小内核，以渐进增强的独立Shim Adaptor的方式去包容不同终端。

• 如果你的项目只需要适配对canvas和css3支持度良好的高级浏览器或者webview，你可以直接使用Hilo基础渲染器。

• 如果需要适配不支持canvas的终端，只需要简单的引入一个Flash Shim模块即可

需要注意的是：

现代WebView

对于`现代WebView`的定义是Chrome，FF，Safari，Opera，IE9+ 以及其他的基于Webkit内核为基础的浏览器或者Webview

对于现代的Webview，Hilo基础的渲染内核可以做到完全的适配和兼容。包括mobile端和非mobile端的情况。

低版本IE浏览器

对于`低版本IE浏览器`的定义是IE8以及IE8以下版本的IE浏览器。他们是目前市面上对于`canvas`和`css3`技术几乎没有支持，但是又仍然是中国市场上占比很重的一部分webview。

为了适配这一部分webview，Hilo采用的独立的Shim Adaptor 的方案，最小成本的让开发者可以直接兼容适配这一部分webview。

你只需要在原有hilo渲染引擎脚本的基础之上，再额外引一个flash shim 的Adaptor脚本，就像下面这样，除此之外，你不用做任何事情。

• <scriptsrc="hilo-standalone.js"></script>

• <scriptsrc="hilo-flashshim.js"></script>

Hilo不仅仅是一个渲染引擎，它更是一个集成了 Hilo Audio, Hilo Preload 等游戏构建服务的综合解决方案。

我们再来看看一些案例：

Hilo是一个开放式的框架，提供多种模块化范式的版本供您使用，您可以下载：

• Standalone 独立版本

• For RequireJS(AMD) 版本

• For CommonJS 版本

• For SeaJS(CMD) 版本

• For Kissy 版本