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]

8 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. Restu on February 14, 2016 at 3:09 pm

    Good day I am so grateful I found your site, I relaly found you by mistake, while I was researching on Askjeeve for something else, Anyhow I am here now and would just like to say many thanks for a remarkable post and a all round interesting blog (I also love the theme/design), I don?t have time to go through it all at the minute but I have bookmarked it and also added in your RSS feeds, so when I have time I will be back to read a lot more, Please do keep up the fantastic job.

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

  5. Vaishali on March 6, 2020 at 4:41 pm

    Can I import my own animation in .mp4 format in Quartz Code?

Leave a Comment