阿里跨终端的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一探究竟！

蓝鸥武汉HTML5培训机构的讲师都是前阿里开发工程师之类的。HTML5让前端开发更加便捷，目前还没有一个前端的开发语言能取代HTML5的位置，html5是唯一一个支持不同 *** 作系统的跨平台语言，为互联网企业节省大量成本投入。在蓝鸥，所有讲师都是全日制的专职讲师，由前阿里、新浪、优酷等前端开发核心工程师、世界500强、国内知名IT企业专家及精英组成，均具有多年大型项目实战经验与教学经验，实现真正名师授课。在蓝鸥武汉通过系统的学习，便可以独立开发HTML5类型网站、App、web应用等。蓝鸥武汉HTML5培训学员在面临毕业阶段时，就业老师会有针对性的对每位学员进行包括简历制作、经典面试题讲解、公众表达力训练等面试技巧指导，一对一负责，助力每位学员都能顺利拿到高薪。并且，蓝鸥还会定期举办双选招聘、专场招聘会，还会想深度合作企业推荐学员面试。蓝鸥就业服务体系，确保一地学习，全国就业有保障。

浏览器不同，对网页排版元素的支持也就不同。打个比方，有的浏览器支持布局自动平分，自适应分辨率，而有的浏览器就不会识别分辨率，给个自动平分的代码就瞎执行，造成有的元素显示到屏幕外面去了。

纠其根本原因，是旧的网页制作经常使用微软标准，而新的通用网页标准是HTML5，很多地方跟微软标准似是而非，很容易造成这种浏览器执行混乱。所以大家在做店铺页面排版的时候，一定不要只看IE（或者360等IE换皮的浏览器）里的效果，现在流行的手机互联网，还是以HTML5为正统的，哪怕是台式电脑上，也不是IE一手遮天的局面了。

---