行业资讯

技术突破:HTML5裸跑性能已可媲美APP

字号+ 作者:三鲜 来源:未知 2016-02-25 19:42 我要评论( )

性能问题一直是制约HTML5发展的一大难题,受制于性能,裸跑的HTML5通常只会开发一些对性能要求不高的游戏,对画质进行大幅压缩。H5游戏的技术标杆《猎刃2》也是借助了渠道内置运行器插件才达到媲美APP的性能体验。然而,当前已内置运行器插件的渠道流量占比

 
标题图.jpg

  性能问题一直是制约HTML5发展的一大难题,受制于性能,裸跑的HTML5通常只会开发一些对性能要求不高的游戏,对画质进行大幅压缩。H5游戏的技术标杆《猎刃2》也是借助了渠道内置运行器插件才达到媲美APP的性能体验。然而,当前已内置运行器插件的渠道流量占比不足HTML5全部渠道流量的三分之一,这将会成为大型游戏的发展掣肘。

  千万级爆款《传世H5》的出现,证明了HTML5市场存在巨大的赢利机会,这也会促进未进入HTML5的渠道和CP加快布局。从页游和手游的产业经验来看,产业成熟的特征是产品的多元化、精品化、重度化,这就意味着,如果HTML5裸跑的性能瓶颈不能得到解决的话,整个产业都将难以发展壮大。产业规律如此,HTML5游戏也不会例外。

  Layabox计划在3月限量内测的LayaAir引擎,通过在低端机型上的性能实测以及即将上线的大型裸跑游戏,证明了HTML5裸跑性能已可媲美APP,性能问题将不再成为制约产业发展的瓶颈。

  LayaAir引擎的测试对比报告

  作为以裸跑为目标的LayaAir引擎与原生APP相比,到底性能如何?在此,我们采用市场价499元的低端安卓手机“红米2A”作为测试环境,针对Unity3D、Cocos2d-x以及Layabox引擎进行以下条件的性能评测。

  1、同屏运行500个动画

  2、每个动画为10个帧位图,并保持随机切换显示状态

  3、每张图片大小为100px * 100px

  4、每个动画场景中随机切换位置

  5、500个动画整体滚屏运动

  从原生APP引擎的测试结果来看,采用Unity3D引擎实现以上功能,帧速主要保持在25-30帧,偶尔会下降至20-21帧或提升至34-38帧。

图1.jpg
Unity3D引擎实例运行的视频截图

  当采用Cocos2d-x引擎打包APP实现以上功能时,性能明显大幅提升,帧速主要保持在40-45帧之间,偶尔会下降至30帧左右。
图2.jpg
Cocos2d-x引擎实例运行的视频截图

  Layabox分别采用旗下两个核心产品,LayaFlash引擎和LayaAir引擎实现评测需求的功能。采用LayaFlash引擎时,在LayaPlayer运行器的支持下,帧速主要保持在59-60帧之间,有时也会降至58帧,下降至52帧的情况仅发生过一次。

图3.jpg
LayaFlash引擎实例运行的视频截图

  当采用LayaAir引擎时,我们采用chrome浏览器中裸跑运行,除了刚启动时在53-60帧之间波动一次,其后仅有一次掉帧到56,其它时间帧速一直保持在59-60帧之间,较为稳定。

图3.jpg
LayaAir引擎实例运行的视频截图

图5.jpg
LayaAir引擎实测对比数据表

  (Tips:帧速是性能表现的核心指标,60帧为满帧)

  Unity3D与Cocos2d-x引擎都是非常优秀的引擎,也是当前APP市场上最主流的引擎。通过此次测试我们可以看出,HTML5引擎LayaFlash和LayaAir在性能指标上的表现均已媲美APP引擎。引擎性能的技术突破,也将对市场游戏类型的全方向发展、行业中千万级产品形成常态,起到扬帆助力的作用。

  为证实本次公布数据的真实性,以上测试相关的实例源码,安装包,视频已在Layabox官方网站和开发者QQ群中提供下载。

  什么是HTML5裸跑?

  本文多次提到“裸跑”,可能有些读者对“裸跑”一词并不太理解。“裸跑”是相对于运行器(runtime)方案而言的一种说法,是指不借助第三方插件,直接在浏览器或通过webView打开HTML5链接的运行方式。

  由于浏览器在最初并不是为游戏而设计的,因此重度HTML5游戏很难在浏览器中流畅“裸跑”。为解决这一问题,HTML5三大引擎商都于2015年推出了运行器方案为各自的引擎产品加速。然而由于运行器在各渠道的全面普及还需要一些时间,所以在微信等大型APP中“裸跑”重度HTML5游戏成为了许多游戏研发商的期待。如今,LayaAir将这种对“裸跑”的期待变为了现实。

  LayaAir引擎案例

  作为当前唯一拥有重度HTML5线上游戏的商业引擎,Layabox并不满足于运行器方案,而是积极投入到LayaAir引擎的研发当中。研发完成后,LayaAir也并未草率发布,而是采用与合作伙伴联合开发大型游戏的方式来磨合引擎。

  在首批使用LayaAir引擎的几款产品中,最快达到上线条件的是即将在3月份开启测试的APP手游移植产品。这是一款具有社交特性的农场模拟经营类游戏,场景华丽,元素复杂,然而在普通浏览器中的性能体验却可媲美APP。
图6.jpg
游戏场景截图

  LayaAir引擎的优势

  LayaAir引擎除了性能上的优势之外,核心库仅100K左右,IDE易用高效,支持2D、3D、VR开发,支持AS3、TypeScript、JavaScript三种语言开发,还支持HTML5与APP双版本同时发布。对于并不打算放弃APP市场,想兼顾HTML5市场的手游CP而言,LayaAir必然是他们的最佳的选择。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5游戏如何利用渠道传播

    HTML5游戏如何利用渠道传播

    2016-02-25 09:44

  • H5技术再次被微信、支付宝玩出了新高度

    H5技术再次被微信、支付宝玩出了新高度

    2016-02-01 13:46

  • Flash时日无多 Twitch或2016年在全部转为HTML5技术

    Flash时日无多 Twitch或2016年在全部转为HTML5技术

    2015-09-28 11:36

  • HTML5开发工具这5个最实用!

    HTML5开发工具这5个最实用!

    2015-09-18 22:17

网友点评