javascript - AS2 - 数学移行ヘルプ

Question

フラッシュでドロップダウンメニューを作成していて、スライドダウンしたい。現時点では、線形スライド ( _y += 5, _y -= 5) などを使用しています。

指数関数などの他のタイプの遷移があることは知っていますが、それらを実装するにはどうすればよいですか? また、さまざまな手法を使用して JavaScript であらゆる種類のスライド アニメーションを表示する Web サイトがかつてあったことも覚えています。

Answer 1

簡単なスライド アニメーションは次のようになります。

y = y*(1-speed) + (target_y)*(speed)

それを繰り返すと、ボックスがスライドし、そこに移動するにつれて速度が低下します。速度は 0 から 1 の間である必要があります。速度が 0.5 の場合、現在とターゲットの間の距離は毎秒半分になります。

また：

t = 0.1
while y < target_y do
y = y + t
t = t + 0.1
end
y = target_y

これにより、ターゲットを超えて停止するまで加速します。の代わりに+ 0.1、または同様のことを行うことができ* 1.1、二次ではなく指数の動きを引き起こします。