經(jīng)過(guò)創(chuàng )立場(chǎng)景、創(chuàng )立元素、創(chuàng )立動(dòng)畫(huà)、播映動(dòng)畫(huà),完成了一個(gè)簡(jiǎn)略的動(dòng)畫(huà).可是作為一個(gè)雜亂項目,這一種方法遠遠不夠.由于動(dòng)畫(huà)有先后順序,有堆疊時(shí)刻,這時(shí)需求讓每一段動(dòng)畫(huà)在適宜的時(shí)刻播映,所以需求一個(gè)智能的控制系統,去辦理每一個(gè)動(dòng)畫(huà).

紅包火山升起噴射的動(dòng)畫(huà)做了四件工作:火山升起用時(shí)一秒;火山升起今后,火焰噴射用了0.4秒;火山升起今后一起巖漿往下流,也就是說(shuō),火焰噴射和巖漿活動(dòng)一起開(kāi)端,可是都在火山升起今后才履行;當火焰噴射今后,紅包才開(kāi)端噴射,巖漿本來(lái)一直在活動(dòng).這幾段動(dòng)畫(huà)有一個(gè)先后順序,也有堆疊聯(lián)系.

這兒先簡(jiǎn)單說(shuō)一下,CCS在處理這些動(dòng)畫(huà)時(shí)的短板,如火山升起用了1秒,緊接著(zhù)讓火焰柱噴射,這時(shí),火焰柱開(kāi)端噴射的時(shí)刻在CSS技能里有一個(gè)delay特點(diǎn),比如說(shuō)推遲1秒鐘,然后再讓火焰柱噴射;相應地,巖漿活動(dòng)也是相同的道理,也會(huì )推遲1秒鐘,然后讓巖漿活動(dòng).火山升起的時(shí)刻,加上火焰柱噴的時(shí)刻,這么長(cháng)的推遲今后再分發(fā)紅包,這種技能計劃盡管處理了疑問(wèn),可是沒(méi)能進(jìn)步功率.

所以在動(dòng)畫(huà)系統里,提出時(shí)刻軸的概念.創(chuàng )立時(shí)刻軸,并在參加一個(gè)動(dòng)畫(huà),給該動(dòng)畫(huà)兩個(gè)參數,即開(kāi)端時(shí)刻和完畢時(shí)刻.當然,這兩個(gè)時(shí)刻不僅僅可以用肯定時(shí)刻值,還可所以狀況碼.正常情況下,不會(huì )關(guān)懷火山升起用了多久,只關(guān)懷火山升起完畢的狀況.相應地,火山噴射也有一個(gè)開(kāi)端時(shí)刻和完畢時(shí)刻,但后續的動(dòng)畫(huà)并不關(guān)懷這個(gè)時(shí)刻,只需知道火焰噴射完畢這個(gè)狀況就可以了,再持續下一個(gè)動(dòng)畫(huà)就可以了.CSS自身沒(méi)有這么的才能,而JS就可以輕車(chē)熟路.