標準化空間,大小為 10、距離場上色動畫範例上一章教學教了兩種播放動畫的方法,在這章中我們將實際製作幾項不同的動態效果。
旋轉動畫圓環是個很好舉例的形狀,就讓我們從圓環開始吧。
首先回到以前的弧度計算,我們使用他製作一個弧度過濾器。
只需要將他作為遮罩套用在圖形上,就能夠完成讓圓環逐漸出現的動畫。
當然,一個距離場也不被限制只有一種動態,我們可以在出現的時候也添加旋轉動態。
透過動畫改變距離場的位置,可以搭配貝茲曲線做出弧形位移。
參數動畫修改距離場參數的動畫,上個章節最後有提到我們實際上能夠用動畫控制任何距離場使用到的參數,這裡舉幾個例子,首先是矩形的高度。
或是扇形的弧度也行。
漸變動畫
或是透過組合的漸變函數,來達成不同形狀轉換動畫。
空間操作透過動畫修改距離場參數就很了不起了嗎 ? 不,我們能夠做到的還更多,動畫當然也可以套用在空間操作上,無論是隔離給特定距離場的操作,抑或是全局有效的效果。
我們以放射平鋪為例,透過動畫改變分割數量。
如果在全局縮放添加動畫的話,可以讓圖形有放大的出場效果。
震盪動畫也可以使用被動動畫來操控距離場參數,透過簡單的 sin 波達成來回的震盪旋轉,就能有不同的視覺感受。
以上簡單的提供了幾種動畫的範例,請各位運用這些思路自由發揮吧 :D