將 Easing 以可視化的形式動(dòng)態(tài)展現(xiàn), 在 Unity 中實(shí)現(xiàn)弧腥。
GitHub 上的工程多如繁星，有些好的倉(cāng)庫(kù)，但凡不經(jīng)意間錯(cuò)過(guò)了就很難找回孤页，故稍作采擷，希望能幫助到有心人涩馆。
簡(jiǎn)介：
筆者今天推薦的倉(cāng)庫(kù)叫 Unity-EasingLibraryVisualisation行施。 -緩動(dòng)效果可視化
This project provides a front end visualisation to a group of 40 easing equations as easy to understand graphs with real-time animated markers to illustrate the motion.
- 提供 40 個(gè)緩動(dòng)效果的前端可視化允坚，并帶有實(shí)時(shí)動(dòng)畫標(biāo)記來(lái)指示運(yùn)動(dòng)進(jìn)度，方便理解運(yùn)算的每一步蛾号。
功能：
- 可以以宏觀預(yù)覽所有的 Ease 效果稠项，也可微觀到單個(gè)的效果展示。
- 使用指針指引 Ease 動(dòng)效的取樣進(jìn)程鲜结。
- 支持直接通過(guò) Ease 方程創(chuàng)建 Unity Animation Curve.
- 支持將 Unity Aniation Curve 在該工程的 Graph 上展示展运。
- 文檔支持。
演示：
鏈接：
noisecrime/Unity-EasingLibraryVisualisation: Front end visualisation of 40 common easing equations.
結(jié)語(yǔ)：
緩動(dòng)用處很多轻腺，但 EaseType 種類繁多乐疆，目不暇接還不知其所以然。有了這個(gè)工具贬养，就能知道自己想要的是什么啦挤土，避免了大量的試錯(cuò)成本。
當(dāng)然误算，借助這個(gè)倉(cāng)庫(kù)仰美，我們也能很清楚的知道這些 Ease 效果在時(shí)間分量上是如何遞進(jìn)的，也更有助于對(duì) Ease算法的理解鴨儿礼！
然后呢咖杂，這個(gè)倉(cāng)庫(kù)提供了 ease 方程轉(zhuǎn) Unity Curve , 既為 Curve 整合了辣么多的 Ease 動(dòng)效，又利用了 Curve 的所見(jiàn)即所得優(yōu)勢(shì)蚊夫。 有了這個(gè)倉(cāng)庫(kù)诉字，Unity Curve 真的好像被充分利用到了耶！
轉(zhuǎn)載請(qǐng)注明出處知纷，謝謝~
擴(kuò)展閱讀：
- Webgl Demo
- Robert Penner's Easing Functions
- setchi/EasingCore: Simple easing implementation for Unity.
本文集持續(xù)更新ing壤圃，喜歡記得點(diǎn)贊關(guān)注哦！
