将 Easing 以可视化的形式动态展现, 在 Unity 中实现。
GitHub 上的工程多如繁星,有些好的仓库,但凡不经意间错过了就很难找回,故稍作采撷,希望能帮助到有心人。
简介:
笔者今天推荐的仓库叫 Unity-EasingLibraryVisualisation。 -缓动效果可视化
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 个缓动效果的前端可视化,并带有实时动画标记来指示运动进度,方便理解运算的每一步。
功能:
- 可以以宏观预览所有的 Ease 效果,也可微观到单个的效果展示。
- 使用指针指引 Ease 动效的取样进程。
- 支持直接通过 Ease 方程创建 Unity Animation Curve.
- 支持将 Unity Aniation Curve 在该工程的 Graph 上展示。
- 文档支持。
演示:
链接:
noisecrime/Unity-EasingLibraryVisualisation: Front end visualisation of 40 common easing equations.
结语:
缓动用处很多,但 EaseType 种类繁多,目不暇接还不知其所以然。有了这个工具,就能知道自己想要的是什么啦,避免了大量的试错成本。
当然,借助这个仓库,我们也能很清楚的知道这些 Ease 效果在时间分量上是如何递进的,也更有助于对 Ease算法的理解鸭!
然后呢,这个仓库提供了 ease 方程转 Unity Curve , 既为 Curve 整合了辣么多的 Ease 动效,又利用了 Curve 的所见即所得优势。 有了这个仓库,Unity Curve 真的好像被充分利用到了耶!
转载请注明出处,谢谢~
扩展阅读:
- Webgl Demo
- Robert Penner's Easing Functions
- setchi/EasingCore: Simple easing implementation for Unity.
本文集持续更新ing,喜欢记得点赞关注哦!