DragonBones是一款Egret團隊制作的2d骨骼動畫編輯器,主要面向的移動游戲開發者和設計師,提供跨語言跨平臺的動畫制作工作流解決案。DragonBones最初的設計初衷源于解決移動端游戲制作動畫工作流的低效,和移動端游戲如何使用更小素材體積表現出更生動的動畫的問題。
dragonbones功能特色
工作流完善
以往的游戲動畫開發,從設計動畫原稿,到最終呈現在游戲中,動畫設計師需要多方協調,確保從原稿設計師哪兒得到可用的格式,確保導出的動畫可以在游戲開發人員哪兒可以正常使用。DragonBones 4.1靠著強大的兼容性解決了這個難題。動畫設計師不用再擔心得到的原稿無法使用,導出的動畫在游戲開發人員手里無法呈現預期的效果。從原畫設計,到動畫制作,再到游戲開發,DragonBones 4.1 連貫起了完善的工作流。
美術需求更少
傳統的幀動畫,需要為每一幀保存完整的圖片,最終生成的動畫,體積龐大。骨骼動畫中,DragonBones只保存各部分切圖組成的紋理集和動畫數據,與傳統的幀動畫相比,對原畫的需求更少。只需要極少的原畫,便可完成千變萬化的動作動畫組合。在動畫制作時,只需要完成對關鍵幀的編輯,通過動畫補間,便可自動生成流暢的動畫動作。完美支持圖片打包成紋理集,有效的提升動畫在游戲中的渲染效率。
動畫可控
DragonBones提供的運行庫可以所見即所得的使您在動畫編輯器中制作的動畫完美呈現在您的游戲引擎中。通過庫所提供的API,可以直接訪問骨骼,插槽等動畫組件,在游戲開發中,可以通過代碼靈活的控制骨骼和插槽,混合動畫,由此實現比如跟隨鼠標射擊,目光追隨等效果。
輕松的動態換裝
動畫角色中的任何圖片都是可以通過一行代碼在運行時替換的,輕松實現動態換裝的功能。
智能的動畫銜接
對于動畫效果要求比較高的情況下,需要動畫切換的時候前后兩個動畫能夠完全銜接上,不然會出現跳躍感,這個需求如果從美術的層面來解決,對美術來說要求很高。而DragonBones的智能動畫銜接功能能夠完美解決這個問題,解放美術。任何兩個動畫在任何情況下切換,DragonBones都能夠以動畫融合的方式做到完美銜接,而且這個功能是默認開啟的,不需要任何額外的代碼。
靈活的動畫混合
不同的動畫可以結合到一起。比如一個角色可以轉動頭部、射擊并且同時也在走路。或者角色在站立、走路或跑步的時候被子彈擊中,身體后傾。設計師可以分別設計這些動作,然后程序員可以通過代碼在運行時將這些動作混合播放。實現更加逼真的效果同時大量降低美術的工作量。下面第三張圖中的機器人就是下半身播放第一張圖中跑步的動作,同時上半身融合第二張圖中動作的效果。
骨架與動畫重用
DragonBones的骨骼數據和動畫數據是分離的,有著相似骨架結構的不同角色可以在運行時重用動畫。適合角色多,動作復雜的大型游戲使用,能夠大幅削減美術工作量。
dragonbones工具
1. 骨骼操作: DragonBonesPro擁有全新的骨骼操作體驗,讓骨骼動畫的制作更直覺。動畫制作中,骨骼旋轉的操作次數遠遠多于移動,所以DragonBones Pro加大了骨骼旋轉操作的區域,讓鼠標在整個工作區域內隨時隨地的精確控制骨骼的旋轉。X,Y軸的單一方向平移,使得平移操作更精準。單鍵鼠標+鍵盤便能完成幾乎所有的操作。
2. 時間軸:作為動畫制作的核心,DragonBones Pro有功能完備的時間軸,動畫設計師可以靈活方便的添加編輯關鍵幀,一手掌握整個動畫的細節和節奏。關鍵幀的復制剪切粘貼功能,讓動畫的制作事半功倍,極大的減少動畫制作的重復工作。播放速度的靈活調節,逐幀的前進后退,使得動畫的每一個細節清晰呈現,讓動畫設計師能更精準的掌握每一個動畫細節。骨骼幀和插槽幀的靈活組合,使得動畫的呈現方式千變萬化,讓動畫設計師通過簡單的操作便能制作出豐富多彩的動畫,更好的體現每一個動畫人物的性格。自動關鍵幀,使得動畫的制作更高效,更流暢,讓動畫設計師把更多的注意力放在動畫人物和動作本身,忘記層和幀,讓動畫的制作一氣呵成。
3. 導入導出:完美支持Photoshop的設計圖導入,Flash pro制作的DragonBones動畫導入和Spine制作的動畫導入。導入Photoshop的設計圖可以完整的保留圖層間的層級關系,和各圖層的相對位置。導入的Flash pro 和 Spine動畫可以在DragonBones中完美還原。全面支持Json, xml, amf和集成數據的PNG多種數據格式,單一圖片和紋理集的圖片形式的導入。使得不同的動畫數據得到很好的統一。導入后忠實呈現原始設計圖或動畫,為用戶的再編輯打下良好的基礎。
導出的數據格式支持JSON和XML, 紋理支持紋理集和圖片文件。支持設置導出比例,填充背景顏色和打包zip。
4. 曲線編輯器:在曲線編輯器中可以通過調整貝賽爾曲線來控制兩幀之間的補間緩動。曲線編輯器以極高的自由度給了動畫設計師充分的發揮空間,使得動畫呈現的效果不再死板,機械化,更貼近真實,動畫效果更加栩栩如生。
5. 洋蔥皮工具:洋蔥皮工具的實現,使得動畫設計師可以同時看到前后若干幀的影圖,從而輔助動畫設計師修正動畫人物的動作,制作出更流暢的動畫。
dragonbones更新日志
【新特性】新增曲線編輯器,用于制作動畫緩動效果
【新特性】新增洋蔥皮工具,方便動畫前后幀對位
【新特性】新增IK Pose工具,給角色擺姿勢更方便
【新特性】新增Egret H5 預覽功能,真正的所見即所得
【新特性】增強紋理導出功能
【新特性】場景支持元件多選,時間軸支持幀多選
【新特性】AS TS運行庫增加極速模式,性能大幅提升
【修復】修復了DB Pro中骨架無法改名的bug
【修復】修復了個別flash轉換的動畫播放時閃動的bug
- PC官方版
- 安卓官方手機版
- IOS官方手機版