1.缓动函数效果展示
网站:https://easings.net/
介绍:easings.net 是一个展示不同缓动函数(easing functions)效果的网站。它为开发者和设计师提供了可视化的演示,展示了各种缓动函数如何影响动画或过渡的运动。缓动函数通常用于动画设计中,用以控制物体从一个状态过渡到另一个状态的方式,从而实现平滑、自然的运动效果。网站展示了诸如线性、加速、减速、弹性、回弹等多种效果,并为每个缓动函数提供了数学公式和代码示例,常用于网页开发、游戏开发等领域。
2.贝塞尔曲线效果展示
网站:https://www.jasondavies.com/animated-bezier/
介绍:Jason Davies的Animated Bézier Curve是一个在线互动工具,用于动态展示贝塞尔曲线的生成过程及其原理。通过动画演示,它清晰地展示了从线性插值到高阶贝塞尔曲线的形成步骤。用户可以通过拖动控制点观察曲线实时变化,并探索不同阶数(如二阶、三阶)的贝塞尔曲线特性。