龙空技术网

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

罗哥软件开发 7238

前言:

如今大家对“kissycss”大致比较关注,你们都想要剖析一些“kissycss”的相关知识。那么小编同时在网上收集了一些有关“kissycss””的相关知识,希望咱们能喜欢,你们一起来学习一下吧!

老样子,我们先来说说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 版本

怎么样,你觉得这个Hilo怎么样呢?欢迎评论~

标签: #kissycss