DragonBones是款面向設(shè)計(jì)師的2d動(dòng)畫設(shè)計(jì)創(chuàng)作平臺(tái)，操作簡(jiǎn)單快捷，專業(yè)實(shí)用，DragonBones用更少的美術(shù)成本，創(chuàng)作更生動(dòng)的動(dòng)畫效果，可以輸出多種格式，視頻、網(wǎng)頁(yè)、動(dòng)畫數(shù)據(jù)，可以用于幾乎目前所有的主流游戲引擎和編程語(yǔ)言，一次制作，全平臺(tái)發(fā)布，是一個(gè)工作生活的好幫手。

游戲開(kāi)發(fā)設(shè)計(jì)

相關(guān)軟件	版本說(shuō)明	下載地址
Egret Engine	html5開(kāi)發(fā)	查看
Cocos2d-x	游戲開(kāi)發(fā)工具	查看
HBuilder	h5制作工具	查看
Egret Wing	集成開(kāi)發(fā)環(huán)境	查看

DragonBones軟件特色

　　1、骨骼操作

　　為圖片綁定骨骼制作動(dòng)畫，制作角色動(dòng)作更方便，動(dòng)作更逼真，動(dòng)畫更流暢。

　　2、基本動(dòng)畫

　　項(xiàng)目基本動(dòng)畫適合制作廣告營(yíng)銷類的動(dòng)畫，支持補(bǔ)間動(dòng)畫和序列幀動(dòng)畫，操作簡(jiǎn)單，所見(jiàn)即所得。

　　3、時(shí)間軸

　　時(shí)間軸是動(dòng)畫制作的核心，這里可以宏觀的調(diào)節(jié)各個(gè)元件動(dòng)畫的關(guān)鍵幀，調(diào)節(jié)播放速度、動(dòng)畫補(bǔ)間等細(xì)節(jié)。

　　4、網(wǎng)格和自由變形

　　在圖片矩形邊界內(nèi)自定義多邊形，提高紋理集的空間使用率。通過(guò)移動(dòng)網(wǎng)格點(diǎn)來(lái)變形圖片，實(shí)現(xiàn)網(wǎng)格的扭曲，拉伸，轉(zhuǎn)面等偽3D效果。

　　5、IK骨骼約束

　　在骨骼動(dòng)畫中可以通過(guò)反向動(dòng)力學(xué)的方式為角色擺姿勢(shì)，建立反向動(dòng)力學(xué)約束，使得動(dòng)作的編輯操控更方便，生成的動(dòng)作更自然更逼真。

　　6、骨骼權(quán)重和蒙皮動(dòng)畫

　　將網(wǎng)格中的點(diǎn)綁定骨骼權(quán)重，骨骼的運(yùn)動(dòng)帶動(dòng)網(wǎng)格變形，產(chǎn)生圖片整體的彎曲，飄動(dòng)等效果。

　　7、曲線編輯器

　　在曲線編輯器中可以通過(guò)調(diào)整貝塞爾曲線來(lái)控制兩幀之間的差值，以實(shí)現(xiàn)栩栩如生的動(dòng)畫效果。

　　8、洋蔥皮工具

　　使用洋蔥皮功能可以同時(shí)看到前后若干幀的影圖，方便更加精準(zhǔn)的調(diào)節(jié)動(dòng)畫細(xì)節(jié)。

　　9、元件嵌套

　　項(xiàng)目中可以創(chuàng)建多個(gè)動(dòng)畫元件并進(jìn)行任意的嵌套重用。

　　10、導(dǎo)入

　　可以導(dǎo)入PS生成的分層圖、DragonBonesPro和FlashPro導(dǎo)出的龍骨數(shù)據(jù)格式、Spine和Cocos等第三方動(dòng)畫格式。

　　11、導(dǎo)出和紋理集打包

　　支持紋理集打包和JSON、XML格式的動(dòng)畫數(shù)據(jù)導(dǎo)出。支持序列圖導(dǎo)出和Egret的MovieClip格式的動(dòng)畫數(shù)據(jù)導(dǎo)出。

　　12、預(yù)覽和發(fā)布

　　在真實(shí)的運(yùn)行環(huán)境預(yù)覽動(dòng)畫效果，所見(jiàn)及所得。一鍵發(fā)布H5動(dòng)畫，無(wú)需編碼控制，動(dòng)畫即可在終端設(shè)備運(yùn)行。

DragonBones安裝步驟

　　導(dǎo)出動(dòng)畫數(shù)據(jù)具體操作方法：

　　DragonBones Professional 支持導(dǎo)出DragonBones，MovieClip和序列幀格式。

　　>> 導(dǎo)出DragonBones, 表示導(dǎo)出DragonBones骨骼動(dòng)畫格式:

　　導(dǎo)出位置默認(rèn)為“我的文檔”+項(xiàng)目名，用戶可以手動(dòng)指定。

　　如果導(dǎo)出zip包，則包文件會(huì)出現(xiàn)在指定的輸出路徑下。

　　如果導(dǎo)出項(xiàng)目文件夾，則會(huì)在指定的輸出路徑下建立和項(xiàng)目名相同的子目錄，其下包含數(shù)據(jù)文件和圖片。

　　配套紋理支持紋理集和圖片文件。如果選擇紋理集，右側(cè)會(huì)顯示紋理集預(yù)覽，如果選擇圖片文件，右側(cè)為空。

　　數(shù)據(jù)格式支持json和xml。

　　輸出比例默認(rèn)為1。用戶可以輸入數(shù)值來(lái)控制導(dǎo)出項(xiàng)目的縮放。(4096x4096為單張紋理集的最大尺寸，超過(guò)此尺寸輸出的比例將縮小)

　　填充背景顏色，默認(rèn)為不勾選，勾選后用戶可以點(diǎn)擊右邊的顏色方塊兒打開(kāi)顏色選擇窗口，選擇需要作為背景色的顏色。

　　打包zip，默認(rèn)為不勾選，也就是導(dǎo)出項(xiàng)目文件夾。勾選則導(dǎo)出zip包形式的項(xiàng)目文件。

　　>> 導(dǎo)出MovieClip， 表示導(dǎo)出MovieClip動(dòng)畫格式：

　　導(dǎo)出位置的設(shè)置和規(guī)則與導(dǎo)出DragonBones相同。

　　MovieClip只支持導(dǎo)出為紋理集。

　　輸出比例設(shè)置與導(dǎo)出DragonBones相同。

　　背景色設(shè)置與導(dǎo)出DragonBones相同。

　　>> 導(dǎo)出序列幀，表示導(dǎo)出序列幀：

　　紋理集：序列幀圖片會(huì)集合到一張或幾張紋理集上導(dǎo)出(取決于紋理集最大寬度和高度的設(shè)置，參看下邊的紋理集設(shè)置)

　　圖片文件：每一幀動(dòng)畫會(huì)導(dǎo)出成單張的圖片文件。

　　導(dǎo)出內(nèi)容：可以選擇導(dǎo)出“全部動(dòng)畫”或“當(dāng)前動(dòng)畫”。

　　輸出比例設(shè)置與導(dǎo)出DragonBones相同。

　　背景色設(shè)置與導(dǎo)出DragonBones相同。(只有選擇紋理集時(shí)可以設(shè)置背景色，圖片文件不支持設(shè)置背景色)

　　>> 紋理集設(shè)置

　　選中紋理集，點(diǎn)擊右側(cè)“設(shè)置…"按鈕可以打開(kāi)紋理集設(shè)置窗口，如下圖：

　　透明區(qū)域裁剪：生成紋理集的時(shí)候裁剪掉圖片周圍的透明區(qū)域，使得紋理集尺寸最小，再次導(dǎo)入時(shí)會(huì)恢復(fù)被裁剪掉的透明區(qū)域范圍。忠實(shí)還原原有項(xiàng)目。

　　2的冪：確保輸出圖片的尺寸大小為2 的冪。

　　正方形： 導(dǎo)出的紋理集長(zhǎng)寬相等，為正方形。

　　背景色：與外層的導(dǎo)出數(shù)據(jù)窗口上的選項(xiàng)相同，而且彼此同步。

　　水平間距：紋理集中，圖片間的左右間距。

　　垂直間距：紋理集中，圖片間的上下間隔。

　　自動(dòng)尺寸：勾選后DB會(huì)按照一張紋理集自動(dòng)設(shè)置紋理集尺寸。

　　如果“自動(dòng)尺寸”沒(méi)有勾選，便可以設(shè)置“最大寬度”和“最大高度”。

　　通過(guò)“最大寬度”和“最大高度”的設(shè)置可以實(shí)現(xiàn)多紋理集的導(dǎo)出。

　　這是考慮到有些移動(dòng)設(shè)備最大支持1024x1024尺寸的紋理集，通過(guò)導(dǎo)出多紋理集，便能解決這個(gè)問(wèn)題。當(dāng)要導(dǎo)出的紋理超過(guò)最大寬度和高度后，紋理集便會(huì)分頁(yè)，生成多紋理集。導(dǎo)出多紋理集的同時(shí)，也會(huì)生成對(duì)應(yīng)的多配置文件。

　　輸出比例：與外層的導(dǎo)出數(shù)據(jù)窗口上的選項(xiàng)相同，而且彼此同步。

　　輸出尺寸：顯示輸出的紋理集的尺寸。

更新日志

　　DragonBones 正式版 5.1.0

　　1. 增加單個(gè)動(dòng)畫的導(dǎo)入導(dǎo)出功能

　　2. 增加一鍵刪除動(dòng)畫中不必要的關(guān)鍵幀功能

　　3. 增加修改快捷鍵設(shè)置的功能

　　4. 曲線編輯器支持多段貝塞爾曲線

　　5. 時(shí)間軸增加過(guò)濾選中層的功能，開(kāi)啟后只顯示選中的時(shí)間軸

　　6. 導(dǎo)出Egret極速格式用戶體驗(yàn)和導(dǎo)出速度全面提升

　　7. 偏好設(shè)置中可以修改顯示語(yǔ)言

FAQ

　　如何導(dǎo)入Cocos、Spine項(xiàng)目?

　　基于內(nèi)置的Cocos和Spine導(dǎo)入插件，DragonBones支持導(dǎo)入Cocos和Spine的導(dǎo)出項(xiàng)目。

　　如果用戶選擇導(dǎo)入Cocos或Spine的導(dǎo)出項(xiàng)目，以Spine為例導(dǎo)入窗口擴(kuò)展如下

　　導(dǎo)入Spine的項(xiàng)目時(shí)，支持導(dǎo)入圖片文件或紋理集項(xiàng)目。導(dǎo)入圖片文件時(shí)，用戶需要手動(dòng)指定圖片目錄的路徑。導(dǎo)入紋理集項(xiàng)目時(shí)，會(huì)自動(dòng)加載紋理集和配置文件所在的位置，如果加載失敗，用戶需要手動(dòng)指定。

　　當(dāng)前版本只能導(dǎo)入到新建項(xiàng)目，導(dǎo)入到當(dāng)前項(xiàng)目不可用。

　　項(xiàng)目名稱默認(rèn)為導(dǎo)入的項(xiàng)目文件的文件名。

　　項(xiàng)目位置默認(rèn)為“我的文檔”+項(xiàng)目名稱。DragonBones

　　Professional會(huì)記住上一次用戶選擇的路徑，勾選了“使用默認(rèn)位置”的話，DragonBones Professional

　　會(huì)默認(rèn)使用上一次用戶選擇的路徑。 不勾選“使用默認(rèn)位置“的話，用戶可以手動(dòng)指定項(xiàng)目保存的位置。

　　如果圖片目錄上找不到皮膚，完成按鈕也是亮起的，可以點(diǎn)擊。以保證用戶可以導(dǎo)入不包含圖片的項(xiàng)目文件。