Our design team at Handsome created an amazing Astrology animation. The engineering team took up a challenge to implement this animation for iOS.
We have decided to use iOS10 Animation SDK in order to control timing functions, so that the animation looks more identical to the designed one. For simple motions we used typical UIView animations. Also, we added a bubbly motion effect to the circle on the bottom icons using Core Animation.
The Astrology motion is combined with a few independent animations like Moon and Sun movement, animating circles around the space objects, particles effect, graph stretching, and a few more motions. Check out the implementation to get more details.
- Working with
UIViewPropertyAnimator
objects; - Creating custom-easing functions, based on Cubic Bézier curves.
If you are interested in more features of iOS10 Animations SDK, take a look at the article - Crafting Delightful Animations in iOS 10.
- iOS 10.0+
- Xcode 8.1+
- Swift 3.0+
AstrologyAnimation is available under the Apache License, Version 2.0. See the LICENSE file for more info.