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

Posted 2021-12-17 panda1234lee

效果图

2D 弹跳模拟，使用发射角度，初始速度，重力，弹性和摩擦

应用于位置、旋转和缩放属性的反弹表达式

反弹（Bounce）总览

我们的最终目标是在关键帧运动结束时使用一个模拟反弹的表达式。为了理解弹跳模拟是如何工作的，从一个可能更熟悉的场景开始是很有用的 —— 一个弹射物在击中地面/地板时弹跳。为了简单起见，我们将它限制在二维空间内。当你发射一个 2D 弹丸时，有很多因素会起作用: 重力、物体的弹性、发射角度、初始速度，有时还有摩擦。模拟这个运动的表达式基本上必须将初始速度分解成 x 和 y 分量。重力作用于 y 方向。在每次弹跳时，物体基于弹性失去 y 方向的速度，基于摩擦失去 x 方向的速度。将所有这些因素考虑在内，你便能够获得如下的 2D 反弹表达式:

elev = degreesToRadians(75