AEJoy —— 表达式之模拟超越与反弹JS

Posted panda1234lee

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了AEJoy —— 表达式之模拟超越与反弹JS相关的知识,希望对你有一定的参考价值。

效果图

超越(Overshoot) —— 应用于旋转属性的基础衰减正弦波振荡

反弹(Bounce) —— 一个基本的反弹表达式已经应用到旋转属性

引言

有时你可能想要用一点物理现实主义来修饰你的动画动作。例如,你可能有一个图层快速地从 0 放大到 100% ,你想添加一点超越(overshoot)和振荡,最终让它稳定在 100% 。另一个例子是,如果你有一个物体落入帧,你想让它在触底时反弹(bounce)一点。这两个场景看起来很相似,但它们代表了非常不同的物理过程。这些模拟都可以用表达式来创建,但重要的是要选择正确的表达式。在本文中,我将详细介绍这些动画工具,并提供一些关于如何以及何时应用它们的技巧。

超越 vs. 反弹

在反弹和超越两种情况下,你都在处理衰减的振幅。

对于超越,你通常处理的是谐波振荡,就像钟摆或弹簧一样。这意味着当振幅衰减时,频率保持不变(在物体的共振频率处)。这

以上是关于AEJoy —— 表达式之模拟超越与反弹JS的主要内容,如果未能解决你的问题,请参考以下文章

AEJoy —— 表达式之模拟超越与反弹JS

AEJoy —— 表达式之模拟超越与反弹JS

AEJoy —— 表达式之归位(复位)模拟详解JS

AEJoy —— 表达式之归位(复位)模拟详解JS

AEJoy —— 表达式之惯性模拟详解JS

AEJoy —— 表达式之惯性模拟详解JS