Skip to content

handsomecode/astrology-motion-ios

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

iOS Astrology Animation

Our design team at Handsome created an amazing Astrology animation. The engineering team took up a challenge to implement this animation for iOS.

If you like the result, please give your ⭐ to this repository.

implemented animation

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.

A few things from Animations SDK that you'll find in the code

  • 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.

Requirements

  • iOS 10.0+
  • Xcode 8.1+
  • Swift 3.0+

License

AstrologyAnimation is available under the Apache License, Version 2.0. See the LICENSE file for more info.