Animated Masking | c4ios.com

Author
Travis Kirton

Tags
views, masking, animation

Animated Masking

You can animate a view’s mask by wrapping its property changs in an animation block.

ViewAnimation(duration: 0.25) {
    mask.rotation = M_PI
}.animate()

Example

let img = Image("chop")!
img.constrainsProportions = true
img.height = canvas.height
img.center = canvas.center
canvas.add(img)

let mask = Rectangle(frame: Rect(0, 0, img.height-20, 50))
mask.center = img.bounds.center
img.mask = mask

let a = ViewAnimation(duration: 1.5) {
    mask.transform.rotate(M_PI)
}
a.repeats = true
a.animate()