溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

spine動畫融合與動畫疊加

發(fā)布時間:2020-07-16 13:24:23 來源:網(wǎng)絡(luò) 閱讀:789 作者:jjjyyy66 欄目:開發(fā)技術(shù)

    

一.動畫融合setMix

1.概述:兩個動作之間的平滑過渡

spine動畫融合與動畫疊加

參數(shù)duration為需要多少時間從fromAnimation過渡到toAnimation,過渡時間為動畫重疊時間。

下圖為動作切換時的情況(setAnimation),左紅線為切換動作時刻,兩個紅線之間為動作切換時間,這之間動畫播放為A與B的混合,A和B所占的權(quán)重是不斷變化的,從A占的權(quán)重從100到0,B占的權(quán)重從0到100。右紅線之后為動作B完全播放。

spine動畫融合與動畫疊加

圖1

下圖是A動作后有B動作的情況(addAnimation)

spine動畫融合與動畫疊加

圖2

下圖為錯誤的示例

spine動畫融合與動畫疊加

圖3

上圖是錯誤,融合不是從A的切換時幀情況過渡到B的的第一幀,而是重疊過渡的。再說一遍,在動畫的過渡過程中,A和B所占的權(quán)重是不斷變化的,從A占的權(quán)重從100到0,B占的權(quán)重從0到100.下面的代碼會證明這件事情

2.代碼

  (1)源碼:

spine動畫融合與動畫疊加

可以看到,如果有動作融合,會先spAnimation_apply(preAni)再spAnimation_mix(curAni, alpha)

spine動畫融合與動畫疊加

那么怎么證明經(jīng)過這兩個變換,動畫的權(quán)重是由apha值分配的呢?以下面的TransLate平移變換為例

(2)推導(dǎo),證明動畫的權(quán)重由apha決定:

平移變換的源碼如下:

spine動畫融合與動畫疊加

定義幾個變量:

d1:preAni(之前動作)使原始骨骼x位置的改變值

d2:curAni(目前動作)使原始骨骼x位置的改變值

originX: Tpose中骨骼的x位置(原始位置)

紅框中的代碼,把+=換成=,代碼變?yōu)?/p>

spine動畫融合與動畫疊加

等式右面的bone->x為spAnimation_apply(preAni)后的值,即d1 + originX;

又知d2 = [prevFrameX + (self->frames[frameIndex + TRANSLATE_FRAME_X] – prevFrameX)*] * percent;

bone->data->x 為 originX

所以:

bone->x = (originX +d2 -(d1 + originX))*alpha + (d1 + originX)

             = (d2-d1)*alpha + (d1 + originX)

             = originX + alpha * d2 + (1 - alpha)*d1

bone->x= originX + alpha * d2 + (1 - alpha)*d1

3.demo

官方的動畫walk動作

spine動畫融合與動畫疊加

 

官方動畫的jump動作

spine動畫融合與動畫疊加

不融合spine動畫融合與動畫疊加,動作切換時有明顯的生硬效果

spine動畫融合與動畫疊加

 融合0.2s,walk快播放完了才跳起spine動畫融合與動畫疊加

spine動畫融合與動畫疊加

 

融合時間0.7s,spine動畫融合與動畫疊加walk剛開始,便切換成jump動作 

spine動畫融合與動畫疊加

 

二.動畫疊加(trackIndex)

1.概述:

多層動畫疊加,上層動作會覆蓋(同一骨骼有動畫,若上層骨骼沒有動畫,下層動畫還是正常播放)下層動作

spine動畫融合與動畫疊加

trackIndex為動畫的層數(shù)。

2.代碼:

還是上圖的代碼,可以看到for循環(huán)中遍歷了所有的tracks,后面的tracks會覆蓋前面的動畫。

3.demo:

官方的打***動畫

spine動畫融合與動畫疊加

walk動作index為0,jump動作index為1,jump動作會覆蓋walk動作。

spine動畫融合與動畫疊加

spine動畫融合與動畫疊加

walk動作index為1,jump動作index為0,walk動作會覆蓋jump動作。

spine動畫融合與動畫疊加

spine動畫融合與動畫疊加

 walk和shoot的疊加,就是變走路邊打***的效果

spine動畫融合與動畫疊加

spine動畫融合與動畫疊加

 備注:spine代碼截取的是spine官方代碼Version 2.3


向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI