標準化空間，大小為 10、距離場上色緩動動畫目前為止我們已經能夠播放距離場動畫了，但播放起來種覺得還少什麼 ? 阿，物理慣性 !
由於整個播放的速度都是線性的，導致動畫看起來相當機械而不自然，為了讓動畫看起來更絲滑順暢，我們可以為播放的曲線添加緩動 Easing。
easeOutCubic緩動有相當多種類型，我們先從 easeOutCubic 開始，這是一種快進放緩的曲線類性。
![]()
回到之前的旋轉圓環，將原本線性的動畫進度輸入進去，變成有緩動效果的數值。
![]()
兩者花費相同的時間播放玩動畫，左側是添加緩動後的，而右側是原本的線性播放，放在一起對照就能明顯感覺出差異了，整個動畫的質感提升許多。
easeOutBack接下來使用另一種曲線函數 easeOutBack，效果是快進後會稍微超出範圍在恢復。
![]()
同樣對輸入的動畫進度進行修改，這次則是用在距離場縮放上。
![]()
當然動畫的緩動也不只侷限於使用一種，可以在不同動畫間添加各自的緩動來增加層次感。
![]()
此章節提供了讓動畫更流暢的方法，如果想要嘗試搭配更多種緩動算法可以到
easings.net 找參考。
LINE