🅿️GeometryEffect

When an animatable modiﬁer animates something that can be expressed as an aﬃne transformation (2D/3D), we can also use GeometryEffect instead of Animatable Modifiers.

struct ShakeEffect: GeometryEffect {

    var times: CGFloat = 0 
    let amplitude: CGFloat = 10 
    
    // ⭐️ 🅿️ Animatable
    var animatableData: CGFloat { 
        get { times } 
        set { times = newValue } 
    }
    
    // ⭐️ 🅿️ GeometryEffect
    func effectValue(size: CGSize) -> ProjectionTransform { 
        ProjectionTransform(CGAffineTransform( 
            translationX: sin(times * .pi * 2) * amplitude, y: 0 
        )) 
    }
}

PreviousAnimatable NextAnimatable Modifiers

Last updated 3 years ago