阿里跨终端的H5游戏开发解决方案——Hilo

Hilo是由阿里巴巴集团开发的一款 HTML5 跨终端 游戏 解决方案，可以帮助开发者快速创建 HTML5 游戏 。有以下特征：独立模块设计，支持多种模块范式的包装版本面向对象程序化开发多重渲染模型，其中包括 Canvas，DOM 和 WebGL 等兼容多台台式机和移动浏览器；使用 Flash Shim 来支持 IE 支持物理扩展： Chipmunk；支持骨骼动画扩展： DragonBone！

1、Hilo 支持多种模块范式的包装版本，包括AMD，CMD，COMMONJS，Standalone多种方式接入。另外，你可以根据需要新增和扩展模块和类型；

2、极精简的模块设计，完全面向对象；

3、多种渲染方式, 提供DOM，Canvas，Flash，WebGL等多种渲染方案（目前已经申请专利）；

4、全端浏览器的支持和高性能方案，独有的Flash渲染方案，即使在低版本IE浏览器下也可以跑起来“酷炫” 游戏 ； DOM渲染方案能显著解决低性能手机浏览器遇到的性能问题；

5、物理引擎支持——Chipmunk，支持自扩展物理实现；骨骼动画支持——DragonBones，同时内建骨骼动画系统——Tahiti（目前内部使用）；

6、案例丰富，框架成熟，已经经历多届阿里巴巴双十一，年中大促互动营销活动考验；

舞台Stage是一个各种图形、精灵动画等的总载体。所以可见的对象都要添加到舞台或其子容器后，才会被渲染出来。

Stage构造函数接收一个参数properties，此参数包含创建stage的各种属性。

舞台Stage上的物体的运动等变化，都是通过一个定时器Ticker不断地调用Stage.tick()方法来实现刷新的。

舞台上的一切对象都是可视对象，可以是图片、精灵、文字、图形，甚至DOM元素等等。Hilo提供了一些基本的可视类供您使用，比如添加一个图片到舞台上：

要想舞台上的图形、精灵动画等对象能响应用户的点击、触碰等交互事件，就必需先为舞台开启DOM事件响应，然后就可以使用View.on()来响应事件。

接下来，您就可以开始利用hilo提供的各种可视类来创建各种图形、精灵动画，尽情发挥您的创造力，开始您的HTML5 游戏 之旅吧！

Hilo对于开发H5 游戏 的开发者和对Web端渲染感兴趣的小伙伴来说值得一看，Hilo有诸多案例可供参考，如果你想继续深入了解它，可移步官方文档或者Github一探究竟！

你先把切片得到的所有图片放到阿里巴巴的相册里，然后再利用Dreamwever编辑html网页文件，这个软件要你会使用才行。从而得到html代码，最后复制得到的代码插入到博客里，注意插入的时候要在“源代码”下插入html代码。

先用PS制作模板，切片后，可以利用DW等网页排版工具，进行排版。插入图片。然后将生成的HTML复制到ALIBABA上面去，ALIBABA上面，如果是免费的版的话，还要注意，不能用外联样式，只能内嵌。

---