Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >一篇读懂HTML5引擎性能之王LayaAir

一篇读懂HTML5引擎性能之王LayaAir

作者头像
Layabox Charley
发布于 2019-04-30 03:53:02
发布于 2019-04-30 03:53:02
1.6K0
举报
文章被收录于专栏:LayaboxLayabox

性能是HTML5引擎最核心的指标,性能一旦出现瓶颈,就会限制策划的系统设计,限制美术的画面表现。譬如,近期有CP吐槽“本欲使用某引擎设计5 V 5的战斗,同屏跑10个人物骨骼动画后就跪了,从此再也不敢用骨骼动画”。性能之坑,可见一斑。

LayaAir的100个人物骨骼性能?

以性能著称的LayaAir引擎对于骨骼动画的处理能力到底如何呢?我们用100个人物骨骼动画,在市场价499元的“红米2A”手机上,采用Chrome浏览器进行测试,结果如下:

100个人物骨骼动画达到47帧

80个人物骨骼动画达到57帧

(测试视频高清下载地址:http://pan.baidu.com/s/1skbBIlJ)

通过对骨骼动画的测试,我们可以看到,LayaAir引擎的测试用例在浏览器中裸跑性能较高,同屏100个骨骼动画并无压力,接近50帧,比较流畅。而80个骨骼动画接近满帧,这种性能数据完全可以满足HTML5游戏多人同屏在线场景的设计需求。

LayaAir的应用领域?

LayaAir是一个免费的商业级HTML5引擎,是Layabox家族的核心产品。主要面向移动端和PC端的大型游戏和小型游戏研发。同时也适用于广告、营销、教育、应用软件、PC工具、网站、3D、VR等领域的产品研发。

为什么选择LayaAir?

一、引擎免费开源,问答社区、QQ群、开发者文档中心等开发者服务齐全。

二、性能最强的HTML5引擎,支持大型游戏流畅裸跑,性能媲美APP引擎。

三、支持ActionScript3、JavaScript、TypeScript三种开发语言,学习成本低,DEMO示例、API文档、工具链完善,一小时快速上手。

四、LayaAir IDE操作可视化,集成UI、地图、场景、动画、粒子、骨骼、3D等常用开发工具,大幅优化工作流程,提升开发效率。

五、只需一次开发,即可全平台(Android、IOS、Windows)同时发布,并且支持同时发布HTML5和APP双版本,项目单版本维护,成本低。

六、支持自定义Canvas、WebGL渲染模式,在WebGL模式下可自动切换。

LayaAir的成熟度?

LayaAir引擎的设计思想,源于拥有17年引擎经验的Layabox创始人谢成鸿,Layabox自2011年启动大型HTML5引擎研发以来,其性能与成熟度被多款线上产品所验证,LayaAir作为Layabox旗下新一代HTML5引擎,在继承多年引擎经验的基础上,解决了2D和3D的HTML5裸跑性能问题。

另外,LayaAir在去年首次完成后,已经历七款不同类型的产品磨合,包括大型模拟经营类游戏、挂机游戏、SLG游戏、大型3D RPG游戏、LayaOpen开放平台、游戏运营工具,甚至是LayaAir IDE也是采用LayaAir引擎开发。目前由几十个受邀CP组成的大规模内测已经开始,正通过使用LayaAir开发不同类型的产品,进一步磨合引擎。随着产品在将来不断的上线,LayaAir的成熟度将用一款一款的产品来验证。

采用LayaAir引擎开发,即将上线的大型HTML5游戏

LayaAir引擎的产品性能一定能媲美原生APP产品吗?

通过Layabox公众号公布的测试报告文章《技术突破: HTML5裸跑性能已可媲美APP》,我们了解到LayaAir引擎研发的产品性能是可以媲美APP的。那么我们开发的产品都可以达到媲美原生APP吗?

这里需要说明的是,HTML5产品最终的性能表现主要由三部分组成,浏览器底层,引擎层,项目层。需要在各个环节进行优化才可以媲美APP产品。

LayaAir解决了引擎层的性能优化问题,在Chrome、Safari等浏览器中裸跑LayaAir引擎的大型HTML5游戏,完全可以在性能上媲美APP。但是,项目层在研发过程中,如果对性能优化并不注意,不能正确的使用引擎,那么引擎层的性能优势就会被减弱。

LayaAir与LayaFlash的区别?

对于熟悉Layabox的朋友们来说,一定知道LayaFlash引擎,那么LayaAir与LayaFlash的区别在哪些地方呢?

首先是定位的不同,LayaFlash主要是定位于让存量的Flash手游、页游直接转换为HTML5和APP手游。而LayaAir主要是定位于新项目开发。

其次是API的差异,LayaFlash在开发新项目的时候,采用Flash AS3的原生API开发HTML5和手游项目。而作为多语言开发的LayaAir引擎,尽管仍然支持Flash AS3语言,但是并不兼容AS3的原生API,全新的LayaAir API继承于十多年的引擎经验,让开发效率得到较大的提升。

最后是裸跑性能上的差异,LayaFlash与普通的HTML5引擎一样,运行大型游戏的时候,必须依赖内嵌在渠道的运行器,才可以达到原生APP的流畅体验。而LayaAir运行大型游戏,可以直接流畅的裸跑在浏览器中。

如何获得LayaAir引擎?

由于LayaAir引擎还处于内测阶段,在该阶段主要磨合LayaAir IDE的用户体验,工作流的顺畅,以及进一步验证引擎的成熟度。所以LayaAir引擎尚未公开,如有LayaAir引擎需求的开发者,请提交申请信息到邮箱: bd@layabox.com

申请信息

公司名称:

联系人:

联系人手机:

联系地址:

职务:

QQ或微信号:

申请使用引擎的项目类型(例:动作游戏、策略游戏、书架应用、等等):

项目启动的时间:

预计研发的周期:

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2016-03-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Layabox 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
技术突破:HTML5裸跑性能已可媲美APP
性能问题一直是制约HTML5发展的一大难题,受制于性能,裸跑的HTML5通常只会开发一些对性能要求不高的游戏,对画质进行大幅压缩。H5游戏的技术标杆《猎刃2》也是借助渠道内置运行器插件才达到媲美APP的性能体验。然而,当前已内置运行器插件的渠道流量占比不足HTML5全部渠道流量的三分之一,这将会成为大型游戏的发展掣肘。
Layabox Charley
2019/04/30
1.1K0
技术突破:HTML5裸跑性能已可媲美APP
LayaAir引擎入门教程:一篇学会用AS3语言开发HTML5(FlashDevelop开发环境)
HTML5是一种热门的跨平台开发技术,随着引擎技术的发展,如今LayaAir引擎的产品性能已达到原生APP的水准,甚至可以直接用于开发APP、HTML5、Flash的多端版本产品。认真学习完本篇教程,可以帮您打开全平台开发之门。
Layabox Charley
2019/05/13
2.8K0
LayaAir引擎入门教程:一篇学会用AS3语言开发HTML5(FlashDevelop开发环境)
专访Layabox创始人谢成鸿:让中国HTML5技术屹立世界之巅
在游戏行业的快速发展过程中,端游失去了行业“老大哥”的地位,页游也从辉煌走向了没落,而手游则异军突起成为“朝阳产业”,但在这个过程中,还有一个特别的“群体”正在慢慢的生长,只待所有人的目光聚焦在它身上是,它已变成参天大树,这就是HTML5游戏。
Layabox Charley
2019/04/30
1.1K0
专访Layabox创始人谢成鸿:让中国HTML5技术屹立世界之巅
LayaAir登录HTML5 Game Development,获外媒肯定!
近日,世界知名HTML5行业垂直媒体HTML5 Game Development对LayaAir进行了报道。详细介绍了LayaAir H5游戏引擎并对LayaAir H5游戏引擎功能进行了介绍。
Layabox Charley
2019/05/13
7540
LayaAir登录HTML5 Game Development,获外媒肯定!
技术干货分享:如何选择 HTML5 游戏引擎
原生手游市场已是红海,腾讯、网易等寡头独霸天下,H5游戏市场或将成为下一个风口。据笔者所知,很多H5游戏开发团队由于选择引擎不慎导致项目甚至团队夭折。如何选择适合团队和项目的引擎,笔者通过学习和项目实践,总结微薄经验,供大家参考,非技术人员也可以将本篇内容作为引擎选择的重要关注点。 选择H5游戏引擎的思考维度 1、开发语言的支持 2、2D、3D、VR的支持 3、性能 4、引擎的应用广度 5、设计理念 6、工作流支持力度 7、商业化成熟案例 8、学习资源与技术支持能力 首先,我们要知道,当前主流的游戏引擎有哪
李海彬
2018/03/22
2.3K0
技术干货分享:如何选择 HTML5 游戏引擎
微信小游戏开发如何选游戏引擎?
小游戏现在囊括的范围包括微信小游戏、QQ 空间小游戏、QQ 玩一玩(厘米游戏)、Facebook Instant Games、各手机厂商的快应用小游戏,他们都在尝试着将社交场景和游戏场景做融合。
海岛船长加西亚
2023/01/05
8.1K0
微信小游戏开发如何选游戏引擎?
《雪鹰领主3D》昨日腾讯玩吧首发! HTML5进入3D游戏时代!
上月删档内测的HTML5 3D ARPG游戏《超凡之路》获得知名IP《雪鹰领主》的授权。这款由风云互动研运、起点白金大神“我吃西红柿”唯一正版授权的HTML5 3D 精品大作,于7月21日以新名称《雪鹰领主3D》在腾讯玩吧首发。
Layabox Charley
2019/05/10
8210
《雪鹰领主3D》昨日腾讯玩吧首发! HTML5进入3D游戏时代!
【干货】LayaBox谢成鸿对2017年HTML5行业的思考!
2017年是HTML5行业真正的爆发起始年,市场规模将达到50-100亿,并在2018年以更快的速度增长,中国游戏产业格局会因此发生一些变化,会产生少量新巨头和黑马。
Layabox Charley
2019/05/10
5650
【干货】LayaBox谢成鸿对2017年HTML5行业的思考!
Layabox荣膺“2015年度最佳引擎奖”
HTML5梦工场举办的”娜喊杯”2015 HTML5年度颁奖盛典于2016年1月7日在北京古北水镇成功举行。Layabox凭借2015年唯一拥有大型HTML5游戏线上产品的商业引擎供应商优势,荣膺“2015年度最佳引擎奖”。
Layabox Charley
2019/04/30
4220
Layabox荣膺“2015年度最佳引擎奖”
LayaAir引擎放弃Canvas API,打造次世代3D引擎与云游戏引擎,提供AI赋能!
LayaAir引擎放弃Canvas原生API,并不等于放弃2D,而是为更好的发展2D和3D!那为什么要放弃Canvas原生API,以及LayaAir引擎未来的发展规划,这里我们来和大家聊一聊!
Layabox Charley
2019/04/29
1.4K0
LayaAir引擎放弃Canvas API,打造次世代3D引擎与云游戏引擎,提供AI赋能!
LayaAir2.12新特性:增加性能分析工具、增加骨骼遮罩、增加新的纹理压缩格式、增加RenderTexture抗锯齿等功能
一波3D相关的LayaAir引擎功能更新来了,LayaAir 2.12不仅带来了重磅的性能分析工具,纹理压缩格式也新增支持了开发者期待的ETC2与ASTC。3D引擎中还增加了骨骼遮罩功能、RenderTexture的抗锯齿功能,以及优化引擎库大小等等。本篇会分别详细介绍。
Layabox Charley
2021/05/08
1.7K0
LayaAir2.12新特性:增加性能分析工具、增加骨骼遮罩、增加新的纹理压缩格式、增加RenderTexture抗锯齿等功能
LayaAir引擎学习经历
  由于公司任务安排,需要笔者先去了解一下LayaAir引擎库,以用来完成公司将要启动的大数据可视化项目,需要借助LayaAir引擎实现复杂的动画。笔者花两天时间将LayaAir引擎的技术文档浏览了一遍,有了一个大致的印象。   LayaAir是一个轻量级、易上手的游戏引擎库,支持ActionScript3、TypeScript、JavaScript三种语言进行开发。同时他能够支持2D,3D,VR ,AR,时间轴动画,缓动、UI系统、粒子动画、骨骼动画、物理系统等动画构建。 LayaAir官网
饮水思源为名
2018/09/06
2.8K0
LayaAir引擎学习经历
谢成鸿:HTML5引擎将向全行业引擎领域发展
由游戏日报、游品会联合长沙师范学院共同举办的“2015游戏行业未来峰会”于近日在湖南长沙成功举办。本届峰会的主题为“嬗变·未来”,聚焦游戏行业热点问题。在会上,Layabox总裁谢成鸿讲解了HTML5游戏引擎的现状和未来的发展,认为HTML5的性能突破将淘汰单个行业领域的全能引擎,向全行业引擎领域发展,HTML5的3D引擎时代也会提前到来。
Layabox Charley
2019/04/30
7700
谢成鸿:HTML5引擎将向全行业引擎领域发展
LayaAir新版本开源Live2D适配库、内置Spine适配库、大幅优化IDE体验、3D新增AO等功能
LayaAir 2.0自发布以来,我们一直在大版本推进3D引擎功能。最近,一些开发者也迫切希望对2D给予更多的关注与精力。作为非常重视开发者反馈的我们,在这个版本里,暂缓3D引擎大版本功能的推进,推出一个小版本,本次的2.12.1虽然是个小版本,但推出的功能并不少,除3D引擎的例行更新外,主要的亮点就是2D引擎与周边(Spine、Live2D、Box2D)的实用性功能支持以及IDE使用体验的大幅优化。
Layabox Charley
2021/08/05
1.6K0
webgl图库研究(包括BabylonJS、Threejs、LayaboxJS、SceneJS、ThingJS等框架的特性、适用范围、支持格式、优缺点、相关网址)
为实现企业80%以上的生产数据进行智能转化,在烟草、造纸、能源、电力、机床、化肥等行业,赢得领袖企业青睐,助力企业构建AI赋能中心,实现智能化转型升级。“远舢文龙数据处理平台”以AI驱动,构建5G时代下企业数智基础,从根本上改变了数据采集、存储和使用的方式,是当下企业构建数字化与智能化能力的首选产品。“远舢知识图谱平台”,作为国内第一批落地应用的“知识图谱”,平均缩短智能化应用开发周期70%,延长企业分析决策应用生命周期150%。“远舢Hybrid Twin”构建面向未来智能工厂全场景的全息交互模式,实现物理空间与数字空间的混合孪生。为国产工业AI新锐,以远舢工业云平台为核心,以AI驱动的方式,打造一个用户可以自研APP的智能云平台,变革未来企业IT消费模式,输送企业转型升级动能,为企业创造可量化价值。我们在这领域展示出来的强大产品竞争力,以及公司团队深耕制造、脚踏实地、坚持打造极致产品的理念,持续提供增值服务,我们期待和坚信远舢公司能成为未来企业级人工智能领域的独角兽! 本文为选择合适的webGl框架,为后续项目奠定基础;避免盲目选择框架,导致后续项目重构带来不必要的成本浪费。本文清楚的讲述了各个框架的特点,适用范围,优缺点以及相关网址范例;以便于后续更快速的开发,提高生产效率,最后进行总结。
acoolgiser
2020/11/12
5.5K0
LayaAir负责人李嵘参加中国图学大会并分享3.0引擎技术
首先,李嵘强调了LayaAir 3.0引擎是面向泛行业元宇宙大型项目的全平台高性能3D引擎。
Layabox Charley
2023/03/04
4830
LayaAir负责人李嵘参加中国图学大会并分享3.0引擎技术
LayaAir3.0今日公测发布,新特性全面概述
在此,我们首先感谢一直以来关注LayaAir引擎以及积极参与封闭测试的开发者们。
Layabox Charley
2023/03/04
1.3K0
LayaAir3.0今日公测发布,新特性全面概述
LayaBox CEO谢成鸿:重度H5游戏未来会更有发展机会
Chinajoy2016游戏展现场,斑马网有幸采访到LayaBoxCEO谢成鸿先生,他透露今年上半年HTML5游戏领域中、大型游戏出现的产品已经超越了2015年全年中、大型游戏的总和,重度H5游戏未来会更有发展机会。
Layabox Charley
2019/05/13
6410
LayaBox CEO谢成鸿:重度H5游戏未来会更有发展机会
LayaAir 2.12.2新版本已发布,即将进入3.0时代
2.13.2这个LayaAir引擎小版本,修复了若干IDE与引擎的BUG,新增了一些2D的功能,3D也有所优化。
Layabox Charley
2022/11/29
8550
LayaAir 2.12.2新版本已发布,即将进入3.0时代
全面了解H5重要入口“微信小游戏”,LayaAir引擎支持一键发布!
12月28日,微信小游戏在6.6.1的版本中上线。通过微信小程序入口的微信小游戏平台,可以看到首批推出的15款游戏产品,其中4款采用LayaAir引擎开发,通过Layabox提供的小程序适配库一键发布为微信小游戏。
Layabox Charley
2019/05/10
1.4K0
全面了解H5重要入口“微信小游戏”,LayaAir引擎支持一键发布!
推荐阅读
技术突破:HTML5裸跑性能已可媲美APP
1.1K0
LayaAir引擎入门教程:一篇学会用AS3语言开发HTML5(FlashDevelop开发环境)
2.8K0
专访Layabox创始人谢成鸿:让中国HTML5技术屹立世界之巅
1.1K0
LayaAir登录HTML5 Game Development,获外媒肯定!
7540
技术干货分享:如何选择 HTML5 游戏引擎
2.3K0
微信小游戏开发如何选游戏引擎?
8.1K0
《雪鹰领主3D》昨日腾讯玩吧首发! HTML5进入3D游戏时代!
8210
【干货】LayaBox谢成鸿对2017年HTML5行业的思考!
5650
Layabox荣膺“2015年度最佳引擎奖”
4220
LayaAir引擎放弃Canvas API,打造次世代3D引擎与云游戏引擎,提供AI赋能!
1.4K0
LayaAir2.12新特性:增加性能分析工具、增加骨骼遮罩、增加新的纹理压缩格式、增加RenderTexture抗锯齿等功能
1.7K0
LayaAir引擎学习经历
2.8K0
谢成鸿:HTML5引擎将向全行业引擎领域发展
7700
LayaAir新版本开源Live2D适配库、内置Spine适配库、大幅优化IDE体验、3D新增AO等功能
1.6K0
webgl图库研究(包括BabylonJS、Threejs、LayaboxJS、SceneJS、ThingJS等框架的特性、适用范围、支持格式、优缺点、相关网址)
5.5K0
LayaAir负责人李嵘参加中国图学大会并分享3.0引擎技术
4830
LayaAir3.0今日公测发布,新特性全面概述
1.3K0
LayaBox CEO谢成鸿:重度H5游戏未来会更有发展机会
6410
LayaAir 2.12.2新版本已发布,即将进入3.0时代
8550
全面了解H5重要入口“微信小游戏”,LayaAir引擎支持一键发布!
1.4K0
相关推荐
技术突破:HTML5裸跑性能已可媲美APP
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档