火星网校
h5小游戏如何开发(阿里跨终端的H5游戏开发解决方案)
发布时间：2023-11-27 04:23:26 浏览量：109次
阿里跨终端的H5游戏开发解决方案
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、案例丰富，框架成熟，已经经历多届阿里巴巴双十一，年中大促互动营销活动考验；
- 获取JS（参考文档或者从Github下载最新版本js文件）
<script src="http://www.toutiao.com/a6738379197732880908/hilo-standalone.js"></script>
- 创建舞台
舞台Stage是一个各种图形、精灵动画等的总载体。所以可见的对象都要添加到舞台或其子容器后，才会被渲染出来。
var stage = new Hilo.Stage({
renderType:'canvas',
container: containerElem,
width: 320,
height: 480
});
Stage构造函数接收一个参数properties，此参数包含创建stage的各种属性。
- 创建定时器
舞台Stage上的物体的运动等变化，都是通过一个定时器Ticker不断地调用Stage.tick()方法来实现刷新的。
var ticker = new Hilo.Ticker(60); ticker.addTick(stage); ticker.start();
- 创建可视对象
舞台上的一切对象都是可视对象，可以是图片、精灵、文字、图形，甚至DOM元素等等。Hilo提供了一些基本的可视类供您使用，比如添加一个图片到舞台上：
var bird = new Hilo.Bitmap({
image: 'images/bird.png'
}).addTo(stage);
- 事件交互
要想舞台上的图形、精灵动画等对象能响应用户的点击、触碰等交互事件，就必需先为舞台开启DOM事件响应，然后就可以使用View.on()来响应事件。
stage.enableDOMEvent(Hilo.event.POINTER_START, true);
sprite.on(Hilo.event.POINTER_START, function(e){
console.log(e.eventTarget, e.stageX, e.stageY);
});
接下来，您就可以开始利用hilo提供的各种可视类来创建各种图形、精灵动画，尽情发挥您的创造力，开始您的HTML5游戏之旅吧！
Hilo对于开发H5游戏的开发者和对Web端渲染感兴趣的小伙伴来说值得一看，Hilo有诸多案例可供参考，如果你想继续深入了解它，可移步官方文档或者Github一探究竟！
热门课程推荐
热门资讯
-
探讨游戏引擎的文章，介绍了10款游戏引擎及其代表作品，涵盖了RAGE Engine、Naughty Dog Game Engine、The Dead Engine、Cry Engine、Avalanche Engine、Anvil Engine、IW Engine、Frostbite Engine、Creation引擎、Unreal Engine等引擎。借此分析引出了游戏设计领域和数字艺术教育的重要性，欢迎点击咨询报名。
-
游戏中玩家将面临武侠人生的挣扎抉择,战或降?杀或放?每个抉定都将触发更多爱恨纠葛的精彩奇遇。《天命奇御》具有多线剧情多结局,不限主线发展,高自由...
-
3. 手机游戏如何开发(如何制作传奇手游，都需要准备些什么？)
如何制作传奇手游，都需要准备些什么？提到传奇手游相信大家都不陌生，他是许多80、90后的回忆；从起初的端游到现在的手游，说明时代在进步游戏在更新，更趋于方便化移动化。而如果我们想要制作一款传奇手游的
-
UI设计师、动画设计师、特效设计师每一个职位的功能和负责的方面都不同。所以,3D美术这方面需要大量的人才。但是要成为一个3D游戏建模师,也不是那么...
-
三昧动漫对于著名ARPG游戏《巫师》系列，最近CD Projekt 的高层回应并不会推出《巫师4》。因为《巫师》系列在策划的时候一直定位在“三部曲”的故事框架，所以在游戏的出品上不可能出现《巫师4》
-
6. 传奇游戏开发一个多少钱(做一款传奇类的游戏需要多少钱？)
做一款传奇类的游戏需要多少钱？一．做一款传奇类的游戏大概需要多少钱？ 1.开发这样一款游戏，一开始投入的资金大概在15-20万左右，时间越长，投入的金额就越大。你开发的游戏需要扩展服务器和一些宣传
-
7. 3D动画软件你知道几个?3ds Max、Blender、Maya、Houdini大比拼
当提到3D动画软件或动画工具时,指的是数字内容创建工具。它是用于造型、建模以及绘制3D美术动画的软件程序。但是,在3D动画软件中还包含了其他类型的...
-
8. 运行UE5的最佳配置推荐，不同场景下UE5的不同配置需求
尽管据说虚幻引擎 5 通常可以与可以充分运行虚幻引擎 4 的机器正常工作,但必须注意的是,虚幻引擎 5 的新 Nanite 或 Lumen 等新功能需要更高的 GPU 能...
-
9. 开发一款游戏引擎很难吗?为什么国内好像没有自己的游戏引擎。
开发一款游戏引擎很难吗?为什么国内好像没有自己的游戏引擎。
-
虚幻引擎5上线后带来了高配置要求的问题，游戏优化一直是难题。本文通过几款游戏实例，探讨虚幻引擎5的配置需求和优化问题，引发对游戏优化责任的思考。
最新文章
