近日，白鷺時(shí)代旗下H5動(dòng)畫(huà)標(biāo)準(zhǔn)創(chuàng)作平臺(tái)DragonBones5.3版正式上線，***支持導(dǎo)出二進(jìn)制格式，對(duì)比舊版實(shí)現(xiàn)了H5運(yùn)行庫(kù)性能提升100%，同時(shí)新增序列幀元件類(lèi)型，方便開(kāi)發(fā)者更直觀制作序列幀動(dòng)畫(huà)。該版本延續(xù)了一如既往為全球開(kāi)發(fā)者提供最為流行的開(kāi)源免費(fèi)、功能強(qiáng)大的2D骨骼動(dòng)畫(huà)解決方案，同時(shí)獨(dú)具創(chuàng)新新增多項(xiàng)功能，以***開(kāi)發(fā)效率和卓越用戶體驗(yàn)勾勒出突破期待的***創(chuàng)作環(huán)境。

支持導(dǎo)出二進(jìn)制格式，H5運(yùn)行庫(kù)性能提升100%

在龍骨團(tuán)隊(duì)歷時(shí)3個(gè)月潛心研發(fā)后，正式對(duì)外發(fā)布了支持二進(jìn)制數(shù)據(jù)格式的DragonBones5.3版本。DragonBones5.3同時(shí)配套提供了支持解析二進(jìn)制數(shù)據(jù)的TS庫(kù)，已集成到Egret 4.x引擎中，并很快將與開(kāi)發(fā)者見(jiàn)面，其他語(yǔ)言的解析庫(kù)也將在不久之后陸續(xù)上線。通過(guò)DragonBones5.3官方提供的性能對(duì)比demo顯示，對(duì)比舊版本龍骨,新版DragonBones5.3實(shí)現(xiàn)了性能提升100%。

二進(jìn)制數(shù)據(jù)帶來(lái)的好處本質(zhì)上和目前Egret的極速格式相似，對(duì)比JSON，能降低70%的內(nèi)存消耗，大幅減少加載時(shí)間，并且在開(kāi)啟數(shù)據(jù)緩存的情況下能大幅提高運(yùn)行效率。開(kāi)發(fā)者在使用二進(jìn)制格式不會(huì)帶來(lái)任何動(dòng)畫(huà)特性的損失，不論是是網(wǎng)格、蒙皮、柔體動(dòng)畫(huà)、多動(dòng)畫(huà)混合，二進(jìn)制格式都能***支持，性能上也比Egret極速格式有了進(jìn)一步的提升。

測(cè)試鏈接：

新版本龍骨二進(jìn)制：http://dragonbones.com/demo/egret/benchmark/index.html

舊版本龍骨JSON：http://dragonbones.com/demo/egret/benchmark/index_b.html

測(cè)試環(huán)境及結(jié)論：

在紅米 Note + 微信環(huán)境，紋理集尺寸：256x128，目標(biāo)幀率45幀：

新版本龍骨使用二進(jìn)制格式能運(yùn)行柔體動(dòng)畫(huà) 855個(gè)顯示對(duì)象+13689個(gè)頂點(diǎn)

老版本龍骨使用JSON格式能運(yùn)行柔體動(dòng)畫(huà) 475個(gè)顯示對(duì)象+9025個(gè)頂點(diǎn)

回顧龍骨產(chǎn)品歷次迭代可以看出，龍骨針對(duì)普通動(dòng)畫(huà)和柔體動(dòng)畫(huà)在H5里的性能始終保持***全球，不斷創(chuàng)造著新的性能效率記錄。本次DragonBones5.3推出“龍骨二進(jìn)制格式”，實(shí)現(xiàn)了在不舍棄高級(jí)功能的前提下，性能的大幅提升和內(nèi)存占用的降低。例如柔體動(dòng)畫(huà)，在測(cè)試環(huán)境里龍骨可以實(shí)現(xiàn)570個(gè)顯示對(duì)象+9120個(gè)網(wǎng)格點(diǎn)在千元機(jī)微信環(huán)境中跑到60fps，領(lǐng)跑全球H5動(dòng)畫(huà)運(yùn)行性能，經(jīng)測(cè)試目前龍骨的運(yùn)行效率高于同類(lèi)產(chǎn)品約30%。

新增序列幀元件類(lèi)型，更方便更直觀制作序列幀動(dòng)畫(huà)

過(guò)去H5游戲開(kāi)發(fā)中有很多簡(jiǎn)單的動(dòng)畫(huà)需要用序列幀實(shí)現(xiàn)，但開(kāi)發(fā)者起初在龍骨中并不能順利的實(shí)現(xiàn)這一功能。在搜集大量真實(shí)用戶需求后，龍骨團(tuán)隊(duì)決定針對(duì)最簡(jiǎn)單的序列幀動(dòng)畫(huà)提供單獨(dú)的元件，方便開(kāi)發(fā)者更直觀的制作序列幀動(dòng)畫(huà)。

全新的序列幀原件，可以方便快捷的制作逐幀動(dòng)畫(huà)。開(kāi)發(fā)者只需將圖片序列拖拽到場(chǎng)景中，就會(huì)自動(dòng)排列生成逐幀動(dòng)畫(huà)序列，可以對(duì)圖片進(jìn)行快速排序，通過(guò)鍵盤(pán)微調(diào)圖片對(duì)齊，快速調(diào)節(jié)軸點(diǎn)位置、水平翻轉(zhuǎn)、垂直反轉(zhuǎn)以及應(yīng)用到所有幀。值得一提的是，DragonBones5.3還有洋蔥皮功能，開(kāi)啟后可以方便的調(diào)節(jié)和前一幀或后一幀的對(duì)齊，如果制作像素風(fēng)的逐幀動(dòng)畫(huà)，也可以在“偏好設(shè)置”里關(guān)閉“圖片平滑顯示”。

技術(shù)優(yōu)勢(shì)全球領(lǐng)先，龍骨制定H5動(dòng)畫(huà)標(biāo)準(zhǔn)

DragonBones(龍骨)是目前全球移動(dòng)市場(chǎng)上***的2D骨骼動(dòng)畫(huà)創(chuàng)作平臺(tái)，開(kāi)源免費(fèi)、功能強(qiáng)大、完善的工作流蜚聲海內(nèi)外游戲創(chuàng)作圈，擁有曾創(chuàng)造中國(guó)移動(dòng)游戲收入神話的《刀塔傳奇》等多款經(jīng)典游戲成功案例。

在17年3月16日，國(guó)際電信聯(lián)盟正式發(fā)布的手機(jī)(移動(dòng)終端)動(dòng)漫國(guó)際標(biāo)準(zhǔn)(標(biāo)準(zhǔn)號(hào)T.621)里，白鷺時(shí)代旗下動(dòng)畫(huà)創(chuàng)作平臺(tái)DragonBones(龍骨)更是成為***支持H5動(dòng)漫國(guó)際標(biāo)準(zhǔn)的創(chuàng)作工具。白鷺時(shí)代參與并定義標(biāo)準(zhǔn)中的可交互式漫畫(huà)標(biāo)準(zhǔn)格式，并為手機(jī)端(移動(dòng)終端)以H5的形態(tài)展示可交互動(dòng)態(tài)漫畫(huà)提供完整的解決方案，該方案不僅在國(guó)內(nèi)H5領(lǐng)域處于優(yōu)勢(shì)，更已走在了世界前沿。

此外DragonBones5.3還包括以下新特性：

•  為元件增加畫(huà)布屬性，可以設(shè)置元件的邊框和背景色。
•  新增克隆元件的功能。
•  多選網(wǎng)格點(diǎn)，也可以按Ctrl+數(shù)字編組。
•  將發(fā)布網(wǎng)頁(yè)的功能集成到導(dǎo)出面板中。(導(dǎo)出HTML，類(lèi)型選擇"發(fā)布")
• 降低在線檢測(cè)的頻率，離線狀態(tài)也可以保存項(xiàng)目。
• 優(yōu)化ps導(dǎo)入插件，解決有時(shí)從ps導(dǎo)入的圖片尺寸過(guò)大無(wú)法顯示的問(wèn)題。
• 右鍵點(diǎn)擊時(shí)間軸空白處就能夠在兩幀之間創(chuàng)建補(bǔ)間
• 導(dǎo)出成功后彈出的提示窗口上，點(diǎn)擊導(dǎo)出路徑后，提示窗口會(huì)自動(dòng)關(guān)閉。

DragonBones 5.3下載地址：http://www.dragonbones.com