2023年10月16日アニメーション,iOS,CSS「こういうアニメーションを作ってると未来予知したくなるんですよね」 9月30日の複雑 GUI 会に参加した時に、「iOS のラバーバンドスクロールを Web で実装する方法」のラバーバンド実装を見せた時にこんな事を言いました。物理演算を取り入れたアニメーションはフレームごとに次の位置を計算するため、例えば1秒後にどこにいるのかを事前に知ることはできないので、数式を使って計算したくなるという話でした。 この話をしたら、参加者の方に WWDC 2023 で発表された Animate with springs を教えていただきました。iOS では、従来物理演算で行われていたスプリングアニメーション(Spring Animation)を数式で表現していることが解説されていて、実際の数式も紹介されており、とても興味深いものでした。 数式によるスプリ
![iOS のスプリングを CSS 数式アニメーションで再現する - Katashin .info](https://cdn-ak-scissors.b.st-hatena.com/image/square/d03c873fdcd07eaf963dab1db2df3d7a6c2fb768/height=288;version=1;width=512/https%3A%2F%2Fkatashin.info%2Fimg%2FBxhGx26vPH-960.png)