Egret DragonBones是一款國(guó)內(nèi)一流的動(dòng)畫創(chuàng)作平臺(tái)。如果想對(duì)移動(dòng)游戲骨骼動(dòng)畫進(jìn)行編輯設(shè)計(jì),沒有哪款軟件比Egret DragonBones更好了。這款開源免費(fèi)的移動(dòng)游戲骨骼動(dòng)畫解決方案,有需要的小伙伴歡迎來(lái)西西下載體驗(yàn)。
軟件概述:
相信熟悉AS3的小伙伴,一定對(duì)DragonBones不陌生,當(dāng)今火爆的手游《刀塔傳奇》正是因?yàn)槭褂昧薉ragonBones而得以效果如此豐富生動(dòng)。當(dāng)然還有大量不那么出名的游戲背后都有DragonBones的強(qiáng)力驅(qū)動(dòng)。
數(shù)月前(2014年6月),DragonBones已經(jīng)正式支持Egret了。但由于DragonBones相對(duì)于常規(guī)的MovieClip要復(fù)雜不少。因此撰寫本文,讓大家對(duì)DragonBones不再那么陌生。也希望推進(jìn)Egret社群更快地涌現(xiàn)出更多DragonBones的上線作品!
本文參考了DragonBones官方的《DragonBones快速入門指南》。但不是對(duì)其簡(jiǎn)單的整理,而是穿插一些DragonBones組成動(dòng)畫的原理介紹,并以理解和實(shí)用為目的來(lái)介紹其使用方法。其次本文完全結(jié)合Egret開發(fā)環(huán)境來(lái)介紹,避免由于Egret與Flash的差異帶來(lái)的困擾。
DragonBones的使用主要分為兩大階段。
第一階段為資源創(chuàng)作階段,該階段的主要目的是生成程序可以使用的DragonBones資源。這部分主要由美術(shù)人員通過(guò)Flash CC來(lái)完成。雖然這部分完全不需要寫代碼,但從DragonBones本身的工作流程來(lái)看,可能這部分工作量是最大的。
該階段可以理解為,生成一個(gè)骨骼動(dòng)畫庫(kù)。
第二階段即為程序使用階段。
對(duì)應(yīng)于資源生成階段,該階段可以理解為,對(duì)骨骼動(dòng)畫庫(kù)進(jìn)行各種調(diào)用及組合,產(chǎn)生豐富而生動(dòng)的游戲動(dòng)作畫面。
為了讓大家快速了解Egret版DragonBones的用法,本教程避重就輕,使用現(xiàn)成的DragonBones資源來(lái)呈現(xiàn)動(dòng)畫效果。
軟件功能:
偏好設(shè)置中可以修改顯示語(yǔ)言
導(dǎo)出Egret極速格式用戶體驗(yàn)和導(dǎo)出速度全面提升
Egret極速格式能夠大幅減少DragonBones在游戲中的內(nèi)存占用,提高運(yùn)行效率。但是在DBPro5.0中導(dǎo)出Egret極速是一件很痛苦的事情,首先他進(jìn)行時(shí)間可能很長(zhǎng),還會(huì)堵塞目前的工作,而且經(jīng)常會(huì)導(dǎo)出失敗。導(dǎo)致這個(gè)功能很多人都無(wú)法使用。
DBPro 5.1大幅改進(jìn)了這個(gè)功能,導(dǎo)出時(shí)間減少85%,同時(shí)改為后臺(tái)導(dǎo)出,不阻礙工具其他功能的繼續(xù)使用。
使用導(dǎo)出Egret極速格式之后,在標(biāo)題欄的右上角能夠看到“導(dǎo)出進(jìn)行中”的按鈕,單擊按鈕可以看到正在導(dǎo)出的項(xiàng)目以及當(dāng)前項(xiàng)目進(jìn)行了多長(zhǎng)時(shí)間。
點(diǎn)擊右側(cè)的X可以取消導(dǎo)出任務(wù)。
時(shí)間軸增加過(guò)濾選中層的功能,開啟后只顯示選中的時(shí)間軸
在動(dòng)畫比較復(fù)雜的時(shí)候,時(shí)間軸會(huì)很多,操作時(shí)間軸需要上下反復(fù)拖動(dòng)滾動(dòng)條,比較繁瑣。DBPro 5.1增加了時(shí)間軸過(guò)濾的功能,默認(rèn)開啟,開啟后只顯示選中的時(shí)間軸,不選中任何項(xiàng)目時(shí),顯示全部時(shí)間軸。
如果使用不習(xí)慣可以將過(guò)濾開關(guān)關(guān)閉。
曲線編輯器支持多段貝塞爾曲線
曲線編輯器可以添加自定義的調(diào)節(jié)點(diǎn),繪制多段貝塞爾曲線了。從而可以實(shí)現(xiàn)多段的加速減速或者落地反彈的效果。
增加修改快捷鍵設(shè)置的功能
在偏好設(shè)置中,新增熱鍵設(shè)置選項(xiàng)。點(diǎn)擊后會(huì)打開一個(gè)文本文件,修改不同功能后的按鍵組合,保存文件。重啟DB后,你修改的快捷鍵便會(huì)生效。
對(duì)于一個(gè)功能有多個(gè)快捷鍵的需求,可以通過(guò)在文本文件中添加同名項(xiàng)目,指定不同的快捷鍵來(lái)實(shí)現(xiàn),具體可以參考REDO這個(gè)現(xiàn)有快捷鍵的設(shè)置。
注意,我們沒有檢測(cè)快捷鍵沖突的情況(一個(gè)快捷鍵對(duì)應(yīng)多個(gè)功能),所以請(qǐng)避免快捷鍵出現(xiàn)重復(fù)設(shè)置,也不要設(shè)置太詭異的快捷鍵,如Ctrl+ESC,這樣的結(jié)果都是不可預(yù)期的。
增加一鍵刪除動(dòng)畫中不必要的關(guān)鍵幀功能
在動(dòng)畫師制作動(dòng)畫的過(guò)程中,有時(shí)為了提高工作效率,會(huì)先在舞臺(tái)上擺動(dòng)作,之后在為所有骨骼統(tǒng)一打關(guān)鍵幀,而不是逐一篩選真正修改了的骨骼。這就導(dǎo)致會(huì)出現(xiàn)一些冗余的關(guān)鍵幀數(shù)據(jù),增加不必要的導(dǎo)出數(shù)據(jù)體積。
為了解決這個(gè)問(wèn)題,DBPro5.1提供了一鍵刪除動(dòng)畫中不必要的關(guān)鍵幀功能
如果連續(xù)三個(gè)關(guān)鍵幀的參數(shù)都相同,那么中間那幀就是非必要關(guān)鍵幀。
如果要人工查找會(huì)很麻煩。通過(guò)點(diǎn)擊新添加的“刪除非必要關(guān)鍵幀”按鈕,DBPro會(huì)自動(dòng)排查整個(gè)時(shí)間軸內(nèi)的非必要關(guān)鍵幀并刪除。
刪除非必要關(guān)鍵幀可以在完全不影響動(dòng)畫呈現(xiàn)效果的前提下給動(dòng)畫文件瘦身。
增加單個(gè)動(dòng)畫的導(dǎo)入導(dǎo)出功能
在大型角色動(dòng)畫的制作過(guò)程中,經(jīng)常會(huì)有多個(gè)動(dòng)畫師共同完成同一個(gè)角色的需求。這種情況下最后就需要將不同動(dòng)畫師制作的動(dòng)畫合并成一個(gè)元件。
為了實(shí)現(xiàn)這個(gè)需求,DBPro5.1提供了動(dòng)畫的導(dǎo)入導(dǎo)出功能。
在圖所示的動(dòng)畫面板工具欄中,左側(cè)的是導(dǎo)入按鈕,右側(cè)的是導(dǎo)出按鈕。
點(diǎn)擊導(dǎo)出,會(huì)將你選中的動(dòng)畫剪輯導(dǎo)出為擴(kuò)展名為.dbani文件。導(dǎo)入的時(shí)候,選中.dbani文件,便會(huì)將動(dòng)畫剪輯導(dǎo)入。注意,要確保導(dǎo)入的動(dòng)畫剪輯和當(dāng)前項(xiàng)目的骨架名相同。如果骨架名不同,則不會(huì)導(dǎo)入,也不會(huì)有任何錯(cuò)誤提示。
有了這個(gè)功能之后,同一套骨骼,就可以由不同的人來(lái)制作動(dòng)作,最后通過(guò)動(dòng)畫的導(dǎo)出/導(dǎo)入,把所有動(dòng)畫剪輯匯總到一個(gè)項(xiàng)目文件中,實(shí)現(xiàn)多人協(xié)作。
軟件預(yù)覽
更新日志:
1.增加單個(gè)動(dòng)畫的導(dǎo)入導(dǎo)出功能
2.增加一鍵刪除動(dòng)畫中不必要的關(guān)鍵幀功能
3.導(dǎo)出Egret極速格式用戶體驗(yàn)和導(dǎo)出速度全面提升
4.曲線編輯器支持多段貝塞爾曲線
5.時(shí)間軸增加過(guò)濾選中層的功能,開啟后只顯示選中的時(shí)間軸
6.增加修改快捷鍵設(shè)置的功能
7.偏好設(shè)置中可以修改顯示語(yǔ)言