Group Animation using QuartzCode

In this post I’m gonna show how easy it is to create group animations using QuartzCode.

The video shows how I create a rectangle, modify some of its property and add multiple animations.

In the video, fill Color is using CAKeyframeAnimation while the rest use CABasicAnimation.

 

Download generated objective c code here:
[wpdm_file id=1]

6 Comments

  1. koofrank on August 7, 2014 at 11:06 am

    how to set angle keypath from 0 to 360

    • Wan Lutfi on August 7, 2014 at 11:10 am

      To animate rotation, you need to use transform keypath

  2. koofrank on August 7, 2014 at 8:39 pm

    may you don’t understand my mind,can you help me? i want to implem like this -> http://monosnap.com/image/uM9GUaYmHlaKG0QHdDOrHihyCgKhi5

    • Wan Lutfi on August 7, 2014 at 11:05 pm

      It seems the app has a bug which will not rotate if from 0 to 360.

      This is because in the app this code is used,
      transformAnim.fromValue = [NSValue valueWithCATransform3D:CATransform3DIdentity];;
      transformAnim.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(2 * M_PI, 0, 0, 1)];;

      I have tried however it works fine I used like this
      animation.fromValue = [NSNumber numberWithFloat:0];
      animation.toValue = [NSNumber numberWithFloat:2 * M_PI];

      I will make the changes to next beta, if you have any other question, I think its better if you email me, I’ll be happy to help.

  3. rohit saini on April 11, 2016 at 9:01 pm

    how to import svg object ?

    • Wan Lutfi on April 11, 2016 at 11:11 pm

      Hi, you open the svg file using Menu Bar or just drag the svg file into the canvas.

Leave a Comment





Documentation