性能是HTML5引(yin)擎最核心的(de)(de)指標，性能一(yi)旦出現(xian)瓶(ping)頸，就會限制策劃的(de)(de)系統設(she)計，限制美術的(de)(de)畫(hua)面表(biao)現(xian)。譬(pi)如，近期有CP吐槽(cao)“本(ben)欲使用(yong)(yong)某引(yin)擎設(she)計5 V 5的(de)(de)戰斗，同屏跑10個人物骨(gu)骼動(dong)畫(hua)后(hou)就跪了(le)，從此再(zai)也不敢用(yong)(yong)骨(gu)骼動(dong)畫(hua)”。性能之坑，可見一(yi)斑。

LayaAir的100個人物骨骼(ge)性能(neng)？

以性(xing)能著稱的(de)LayaAir引(yin)擎對于(yu)骨骼動(dong)(dong)畫的(de)處(chu)理(li)能力(li)到底如何呢？我們用(yong)(yong)100個(ge)人(ren)物骨骼動(dong)(dong)畫，在市場價(jia)499元(yuan)的(de)紅米2A手機上(shang)，采用(yong)(yong)Chrome瀏覽器(qi)進行測(ce)試(shi)，，結(jie)果如下：

 

 

 

100個人(ren)物骨(gu)骼動畫達到47幀

 

 

 

100個人物骨骼動畫達到57幀

通過(guo)對骨(gu)骼(ge)動(dong)(dong)畫的(de)測試，我們可以(yi)看到，LayaAir引擎的(de)測試用(yong)例在(zai)瀏(liu)覽(lan)器中裸跑性能較高，同屏(ping)(ping)100個骨(gu)骼(ge)動(dong)(dong)畫并(bing)無(wu)壓力，接近(jin)50幀，比(bi)較流暢。而80個骨(gu)骼(ge)動(dong)(dong)畫接近(jin)滿幀，這種性能數據完全可以(yi)滿足HTML5游戲多人同屏(ping)(ping)在(zai)線場景的(de)設計需求。

LayaAir的(de)應用領域(yu)？

LayaAir是(shi)一個免費的商(shang)業級(ji)HTML5引擎(qing)，是(shi)Layabox家族(zu)的核心產品(pin)。主要面(mian)向移動端(duan)和PC端(duan)的大型游戲和小型游戲研(yan)(yan)發。同時也(ye)適用(yong)于廣告、營銷、教育、應用(yong)軟件、PC工具(ju)、網站(zhan)、3D、VR等領域的產品(pin)研(yan)(yan)發。

為什么選擇LayaAir？

一、引擎免費開源，問答社區、QQ群、開發者文檔中心等開發者服務(wu)齊全。

二(er)、性(xing)能(neng)最(zui)強的(de)HTML5引擎，支持大型游戲流(liu)暢裸跑，性(xing)能(neng)媲美APP引擎。

 三(san)、支持ActionScript3、JavaScript、TypeScript三(san)種開發語言，學(xue)習成本低(di)，DEMO示(shi)例(li)、API文檔(dang)、工具鏈完善，一小(xiao)時(shi)快速上手。

四、LayaAir IDE操作可視化，集成UI、地圖、場景、動(dong)畫、粒(li)子(zi)、骨骼、3D等常用(yong)開(kai)發工(gong)具，大幅優化工(gong)作流程，提(ti)升開(kai)發效率。

五、只(zhi)需(xu)一次開發，即可(ke)全平臺（Android、IOS、Windows）同(tong)時發布，并且支持同(tong)時發布HTML5和APP雙版本，項目單版本維護，成本低。

六(liu)、支(zhi)持自定義(yi)Canvas、WebGL渲(xuan)染模式(shi)(shi)，在WebGL模式(shi)(shi)下可(ke)自動切換。

LayaAir的成(cheng)熟度？

LayaAir引(yin)(yin)擎(qing)的設計思想，源于擁有17年引(yin)(yin)擎(qing)經驗(yan)的Layabox創始(shi)人謝(xie)成鴻，Layabox自2011年啟動大型HTML5引(yin)(yin)擎(qing)研發以(yi)來，其性能與成熟(shu)度被(bei)多(duo)款已上(shang)線的產(chan)品所驗(yan)證，LayaAir作為Layabox旗下新一代HTML5引(yin)(yin)擎(qing)，在繼(ji)承了多(duo)年引(yin)(yin)擎(qing)經驗(yan)的基礎上(shang)，尤其解決(jue)了2D和3D的HTML5裸跑性能問題。

在(zai)去年首次完成(cheng)后，已(yi)經歷七(qi)款(kuan)不(bu)同(tong)類(lei)型(xing)的(de)產(chan)品(pin)(pin)磨合，包括(kuo)大(da)型(xing)模擬經營(ying)類(lei)游戲(xi)(xi)、掛機游戲(xi)(xi)、SLG游戲(xi)(xi)、大(da)型(xing)3D RPG游戲(xi)(xi)、LayaOpen開放(fang)平臺、游戲(xi)(xi)運營(ying)工(gong)具，甚至是(shi)LayaAir IDE也是(shi)采用LayaAir引擎開發。目前由(you)幾十個受邀CP組成(cheng)的(de)大(da)規模內測已(yi)開始，通過使用LayaAir引擎開發不(bu)同(tong)類(lei)型(xing)的(de)產(chan)品(pin)(pin)，進一(yi)(yi)步磨合引擎。隨著(zhu)產(chan)品(pin)(pin)在(zai)將來不(bu)斷的(de)上線，LayaAir的(de)成(cheng)熟度將用一(yi)(yi)款(kuan)一(yi)(yi)款(kuan)的(de)產(chan)品(pin)(pin)來驗證。

 

 

 

采用(yong)LayaAir引擎開發的大型(xing)HTML5游戲(xi)

LayaAir引擎(qing)的產品(pin)性能(neng)一定(ding)能(neng)媲(pi)美原生APP產品(pin)嗎(ma)？

通過Layabox公眾號公布的測試報告文章《技術突破： HTML5裸(luo)跑性能已(yi)可媲(pi)(pi)美(mei)(mei)APP》，我們了解到(dao)LayaAir引(yin)擎研(yan)發的產品性能是可以(yi)媲(pi)(pi)美(mei)(mei)APP的。那么我們開(kai)發的產品都可以(yi)達到(dao)媲(pi)(pi)美(mei)(mei)原生APP嗎？

這里需要說明(ming)的是(shi)，HTML5產(chan)品最終的性能表現主要由三部分組成，瀏覽器底層，引擎層，項目層。需要在各個(ge)環節(jie)進(jin)行優化才(cai)可以媲美APP產(chan)品。

LayaAir解決(jue)了引(yin)(yin)(yin)擎(qing)層(ceng)的(de)性能(neng)優化(hua)問題，在(zai)Chrome、Safari等瀏覽(lan)器中裸跑(pao)LayaAir引(yin)(yin)(yin)擎(qing)的(de)大(da)型(xing)HTML5游戲，完全可以在(zai)性能(neng)上媲美APP。但是，項(xiang)目層(ceng)在(zai)研發(fa)過程(cheng)中，如果對性能(neng)優化(hua)并不注意，不能(neng)正確(que)的(de)使(shi)用(yong)引(yin)(yin)(yin)擎(qing)，那么(me)引(yin)(yin)(yin)擎(qing)層(ceng)的(de)性能(neng)優勢就被會減弱。

LayaAir與LayaFlash的(de)區(qu)別？

對于熟(shu)悉Layabox的(de)朋友們來說，一定知道LayaFlash引擎(qing)，那么LayaAir與LayaFlash的(de)區別在哪些(xie)地方(fang)呢？

首先是定位的不同，LayaFlash主要是定位于(yu)讓存量的Flash、頁游直接(jie)轉換為HTML5和APP手游。而LayaAir主要是定位于(yu)新項目開發。

其(qi)次是API的(de)(de)(de)差(cha)異(yi)，LayaFlash在(zai)開(kai)(kai)發(fa)新項(xiang)目(mu)的(de)(de)(de)時候，采(cai)用Flash AS3的(de)(de)(de)原(yuan)生API開(kai)(kai)發(fa)HTML5和手游項(xiang)目(mu)。而作(zuo)為(wei)多(duo)語言開(kai)(kai)發(fa)的(de)(de)(de)LayaAir引(yin)(yin)擎，盡管仍然支(zhi)持Flash AS3語言，但是并(bing)不(bu)兼容AS3的(de)(de)(de)原(yuan)生API，全(quan)新的(de)(de)(de)LayaAir API繼承于(yu)十(shi)多(duo)年的(de)(de)(de)引(yin)(yin)擎經驗，讓開(kai)(kai)發(fa)效率(lv)得到較大的(de)(de)(de)提升(sheng)。

最后是性能(neng)上的(de)(de)差(cha)異，LayaFlash與普通的(de)(de)HTML5引(yin)擎一樣，運(yun)(yun)行(xing)大型游戲的(de)(de)時候，必須依(yi)賴(lai)內嵌(qian)在(zai)渠(qu)道(dao)的(de)(de)運(yun)(yun)行(xing)器(qi)，才(cai)可以達到原生APP的(de)(de)流暢體驗。而LayaAir運(yun)(yun)行(xing)大型游戲，不再依(yi)賴(lai)運(yun)(yun)行(xing)器(qi)，可以直接流暢的(de)(de)裸跑在(zai)瀏(liu)覽器(qi)中(zhong)。