Animation | QuartzCode

Tutorial : Percentage vote animation for iOS using QuartzCode

By Wan Lutfi | March 18, 2015 |

In this post I’m going to explain how to create something like percentage vote animation using QuartzCode.I’m going to show the final result first. In this tutorial, I will also show how to edit the generated code in Xcode so that the percentage animation can be changed. 1. First we need to create people icon. Create two…

Tutorial : Water Fill Animation using QuartzCode

By Wan Lutfi | March 11, 2015 |

In this post, I’m going to explain how to create water fill animation using QuartzCode.This will be final result and the animation is fully vector which means no image will be used. So, let us get started.1. Create a rectangle to act as glass for the water. 2. Use Insert > CALayer to add CALayer to the canvas. The…

Apple Watch Animation Explained and Recreated using QuartzCode

By Wan Lutfi | October 4, 2014 |

After watching Apple Watch transition animation, I immediately think how to reproduce this animation in QuartzCode.And this is my answer, see my version below.I’m not gonna explain full tutorial, however I’ll explain some important techniques to create this animation. However you can download full project below to try it yourself using QuartzCode.I’m going to answer few questions regarding…