开发H5游戏引擎的选择:Egret或Laya?

一、H5游戏开发的引擎介绍

开发H5游戏的引擎有很多,比如egret、laya、cocos-js等等。这里主要是分析的是egret和laya,因为我们团队是从as3转过来的。所以天然地在有as3基因的egret和laya之中挑选一个。

  1. Egret

    Egret Framework是一款使用JavaScript(TypeScript)编写的HTML5开源免费游戏框架。核心定位是开放,高效,优雅。基于它,你可以快速轻松地构建属于自己的HTML5移动游戏。
    https://www.egret.com/

  2. Laya,这里主要就是LayaAir了。

    LayaAir是Layabox旗下第二代HTML5开源引擎,是全球性能最高的HTML5引擎之一。
    LayaAir突破性的将2D、3D、AR、VR和页游、Native手游、HTML5游戏等诸多需求通过一个引擎得以统一。目前引擎已被腾讯、Forgame、37玩、仙海、胡莱、蝴蝶互动等200多家知名厂商采用。
    http://www.layabox.com/

二、选择引擎的思路

关于egret和laya谁比较好,比较适合。各自的评判的标准都不一样。反正他们都各自说得自己很好,加上本身没有实际用过,所以选择起来看也很为难。
这里写图片描述
所以这里也只是提出我自己的观点。只是根据具体的项目、团队等情况来做个选择。再者他们官方都有提倡或者标签自己如何高效如何好用,性能怎样怎样。但是没实际踩过那些坑,还真不好评判。

  1. 使团队最小代价进行转型,团队原先是AS3页游团队,有丰富的AS3页游开发经验以及相关的代码积累,所以希望能够利用到这些原有的优势,使得能够快速上手,快速出项目。
    ActionScript3页游ActionScript3页游

  2. 希望有强类型的编程语言,不然纯js这种没强类型的语言,对于开发大型游戏项目来说简直是噩梦。决定使用TypeScript语言

  3. 有比较完成的工具链,从开发的IDE,到资源制作管理等
  4. 开放源码,而且有良好的开发文档,有第三方库或者方便支持第三方库
  5. 活跃的论坛和客服,有问题可以直接进行询问解决实际生产中遇到的问题

三、Egret和Laya的相似性

  1. 支持TypeScript语言来编写
  2. 有自带的IDE工具,可以进行断点调试,带有Web服务和二维码。都是基于Visual Studio Code这个工具进行扩展的,所以两者长得非常像。左边是Egret,右边是Laya Air
    这里写图片描述

这里写图片描述
3. 都是对AS3程序友好。egret是很大部分继承as3系统,as3上大部分api它都有。laya也算是大部分继承as3,经典常用的类都有。下面是AS3、Egret、Laya的部分API图
这里写图片描述
两者的渲染体系以及基础API都非常类似,原来的AS3程序员可以轻松上手。
4. 都有支持AS3代码直接转TypeScript的工具(后来实际使用发现这个转换工具没什么用,最后移植的代码都是纯手打)

四、Egret和Laya的状况

egret成名比较早,发展得比较快,各方面的资源而比较多,也有大神的加入,利用它开发游戏的厂商也会比较多。配套也比较齐全,各种工具都有,但是给人感觉是大而不精的样子,都有各种各样的问题。IDE Wing以及TextureMerger比较常用,其他的只有根据项目需要的时候才会用。

laya相对出名比较晚,工具和资金也会相对缺乏一些。

五、最终选择

说真的,Egret当时也是觉得非常好,经过网上相关资料搜寻比较和仔细考虑,最终选择了Laya。只能根据搜索一些信息来综合评价,感觉感性会多一些。说下主要原因:
1. laya的社区比较活,客服回复速度快,有问题直接问客服,那边也积极回答。
2. 从网上得到的一些消息,都是说egert做小游戏的比较多,做大型的游戏的话,还是laya好一点。而且官方也说专门做大型游戏的。(这点没经考证的,网上据说)
3. 另外一个决定因素是我们之前as3页游的时候,ui框架是采用mornui。laya官方自带就是mornui。加上我们用egret的时候,很不习惯他们的eui框架。(我觉得这个是最主要的原因,其他的性能什么的,最终都是编译h5,所以估计差别不会非常大。剩下的就是开发体验和ui工具的便捷性了)
4. 感觉虽然laya很大程度模仿了as3的api,但是会对其中一些繁琐的部分进行了优化和改进,使用起来也方便和舒服很多。比如事件监听相当简洁 on和off代替了以及增加了once

Egret代码: egret.IEventDispatcher

public addEventListener( type:string,listener:Function ,thisObject:any ,useCapture:boolean ,priority:number ):void
public removeEventListener( type:string,listener:Function ,thisObject:any ,useCapture:boolean ):void

再看Laya的代码:laya.events.EventDispatcher

public on(type:String, caller:*, listener:Function, args:Array = null):EventDispatcher
public off(type:String, caller:*, listener:Function, onceOnly:Boolean = false):EventDispatcher
  1. Laya其实是支持用AS3语言开发,虽然团队有人觉得使用这个不错,成员过渡零成本。但是我还是否决了,觉得再继续写AS3没什么意义了,还是要学一些新的语言活跃思维会更好。当然更重要的是使用通用的TypeScript,也方便移植到其他引擎(这个真的很正确呀)。

六、后记,神转折

上面列了很多理由来让团队选择Laya,好像非常合理,然并卵。在决定使用laya之后,我们快速地开发出了一个aprg的demo,同时移植了as3的基础库和mvc框架。然后没多久,投资运营方要求我们换成Eerget,理由也很简单。运营商那边要求我们使用Egret。因为Egret看起来高大尚很多,各种工具也很齐全(虽然很多工具,但是实际开发,有用的真心不多)。最重要的是他们运营的几款都是基于Egret开发的,他们同时也在同Egret开发产品,为了方便之后的交流以及相关的运营经验,所以要求研发这边使用Egret。
这里写图片描述
好在,我们前期开发的大部分都是基础库,用的是TypeScript语言,所以切换回Egret的代价也不大,最后,我们采用了Egret作为我们开发H5游戏的引擎,于是开发继续了。
这里写图片描述

Hilo 是阿里巴巴集团开发的一款HTML5跨终端游戏解决方案,ta可以帮助开发者快速创建HTML5游戏。主要特性Hilo 支持多种模块范式的包装版本,包括AMD,CMD,COMMONJS,Standalone多种方式接入。另外,你可以根据需要新增和扩展模块和类型;极精简的模块设计,完全面向对象;多种渲染方式, 提供DOM,Canvas,Flash,WebGL等多种渲染方案(目前已经申请专利);全端浏览器的支持和高性能方案,独有的Flash渲染方案,即使在低版本IE浏览器下也可以跑起来“酷炫”游戏; DOM渲染方案能显著解决低性能手机浏览器遇到的性能问题;物理引擎支持——Chipmunk,支持自扩展物理实现;骨骼动画支持——DragonBones,同时内建骨骼动画系统——Tahiti(目前内部使用);案例丰富,框架成熟,已经经历多届阿里巴巴双十一,年中大促互动营销活动考验;       为了满足使用不同脚本模块加载器的同学的喜好。Hilo提供了多种模块范式的包装版本,请看这里不管你属于哪一个阵营,都能找到你爱的哪一个。       Hilo对于跨终端的解决方案是:永远保持最小内核,以渐进增强的独立Shim Adaptor的方式去包容不同终端。       如果你的项目只需要适配对canvas和css3支持度良好的高级浏览器或者webview,你可以直接使用Hilo基础渲染器。    如果需要适配不支持canvas的终端,只需要简单的引入一个Flash Shim模块即可详细的信息请看这里。Hilo不仅仅是一个渲染引擎,它更是一个集成了 Hilo Audio, Hilo Preload 等游戏构建服务的综合解决方案。除此之外,Hilo为动画纹理集的产出提供了一套自动化的输出方案,力求为你的构建带来更多的便利。     Github官网:http://hiloteam.github.io/ 标签:阿里巴巴
评论 36
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值