Spring 调参台

拖动 duration 与 bounce 调物理弹簧，按按钮触发动画。Motion 的 spring 与 SwiftUI .spring(duration:bounce:) 是同一套参数化。

ch. 1

调参

duration0.55sbounce0.35

natural bounce

对照 SwiftUI

// SwiftUI 17+
struct SpringTuner: View {
    @State private var trigger = false
    var body: some View {
        Circle()
            .fill(.orange)
            .frame(width: 80, height: 80)
            .offset(y: trigger ? 200 : 0)
            .onTapGesture {
                withAnimation(
                    .spring(duration: 0.55,
                            bounce: 0.35)
                ) {
                    trigger.toggle()
                }
            }
    }
}

左侧是 Web 复刻（Motion / React），右侧是等价的 SwiftUI 写法。两边 spring 数学一致。