2023年10月19日のブックマーク (1件)

  • iOS のスプリングを CSS 数式アニメーションで再現する - Katashin .info

    2023年10月16日アニメーション,iOS,CSS「こういうアニメーションを作ってると未来予知したくなるんですよね」 9月30日の複雑 GUI 会に参加した時に、「iOS のラバーバンドスクロールを Web で実装する方法」のラバーバンド実装を見せた時にこんな事を言いました。物理演算を取り入れたアニメーションはフレームごとに次の位置を計算するため、例えば1秒後にどこにいるのかを事前に知ることはできないので、数式を使って計算したくなるという話でした。 この話をしたら、参加者の方に WWDC 2023 で発表された Animate with springs を教えていただきました。iOS では、従来物理演算で行われていたスプリングアニメーション(Spring Animation)を数式で表現していることが解説されていて、実際の数式も紹介されており、とても興味深いものでした。 数式によるスプリ

    iOS のスプリングを CSS 数式アニメーションで再現する - Katashin .info
    side_tana
    side_tana 2023/10/19