第3節(jié) 時(shí)間表達(dá)式

在和時(shí)間有關(guān)的表達(dá)式函數(shù)中，常用的主要有“time”和“valueAtTime”函數(shù)。

知識(shí)點(diǎn)1 “time”函數(shù)

“time”函數(shù)提取的就是合成當(dāng)前的時(shí)間（秒），通常合成的時(shí)間數(shù)值相對(duì)較小，所以在實(shí)際運(yùn)用中經(jīng)常使用“time*n”的形式，也就是時(shí)間的n倍。“time”函數(shù)主要用來(lái)為屬性提供持續(xù)變化的數(shù)值。

案例1 鐘表動(dòng)畫

在合成中用形狀圖層創(chuàng)建鐘表表盤、刻度，以及表盤上的時(shí)針和分針，如圖1-15所示。

在分針的旋轉(zhuǎn)屬性中添加表達(dá)式，輸入“time*100”使得分針持續(xù)轉(zhuǎn)動(dòng)，如圖1-16所示。

在時(shí)針的旋轉(zhuǎn)屬性中添加表達(dá)式，并將時(shí)針的旋轉(zhuǎn)屬性通過(guò)表達(dá)式關(guān)聯(lián)器鏈接到分針的旋轉(zhuǎn)屬性上。在表達(dá)式框中的表達(dá)式語(yǔ)句后輸入“/12”，使時(shí)針的旋轉(zhuǎn)速度是分針旋轉(zhuǎn)速度的1/12，效果如圖1-17所示。

知識(shí)點(diǎn)2 “valueAtTime”函數(shù)

“valueAtTime”函數(shù)是延遲表達(dá)式，主要用于實(shí)現(xiàn)錯(cuò)幀動(dòng)畫效果。

為需要制作延遲動(dòng)畫的屬性添加表達(dá)式時(shí)，可在“表達(dá)式語(yǔ)言”下拉菜單中執(zhí)行“Property-valueAtTime（t）”命令，如圖1-18所示。表達(dá)式語(yǔ)句結(jié)構(gòu)如圖1-19所示。

案例2 鐘擺動(dòng)畫

繪制一個(gè)擺錘形狀，將圖層重命名為“鐘擺”，將“鐘擺”圖層的中心點(diǎn)上移至圖層頂部。調(diào)節(jié)其旋轉(zhuǎn)屬性并添加關(guān)鍵幀，制作擺錘左右擺動(dòng)的動(dòng)畫。選中所有關(guān)鍵幀，按快捷鍵F9使動(dòng)畫緩動(dòng)，效果如圖1-20所示。

選中“鐘擺”圖層，按快捷鍵Ctrl+D進(jìn)行復(fù)制，在復(fù)制得到的圖層中選中旋轉(zhuǎn)屬性，為其添加表達(dá)式，并在“表達(dá)式語(yǔ)言”下拉菜單中執(zhí)行“Property-valueAtTime（t）”命令。在表達(dá)式框中將語(yǔ)句改寫為“valueAtTime（time-0.1）”，如圖1-21所示。

該圖層的旋轉(zhuǎn)屬性值會(huì)自動(dòng)取0.1秒之前的數(shù)值，從而完成錯(cuò)幀的效果，如圖1-22所示。

選中“鐘擺”圖層，按快捷鍵Ctrl+D 3次，在得到的每個(gè)圖層的旋轉(zhuǎn)屬性表達(dá)式的語(yǔ)句“valueAtTime（time-0.1）”中，將“（）”中的內(nèi)容依次修改為“time-0.2”“time-0.3”“time-0.4”，制作出連續(xù)錯(cuò)幀的動(dòng)畫效果，如圖1-23所示。

完成鐘擺動(dòng)畫錯(cuò)幀后，產(chǎn)生了非常有韻律感的擺動(dòng)動(dòng)畫，最終效果如圖1-24所示。