read

There are many amazing tools to help iOS development easier. One of them is PaintCode. A splendid tool to turn drawings into code. But what about animation? It would be very helpful if there is a tool to create animations visually and turn them into code. QuartzCode is the answer.

I gave it a try by trying to replicate the cute uploading animation I found in Dribbble.

cute uploading animation

While it's not completely the same, I managed to come up with something close enough after playing with QuartzCode for few hours.

QuartzCode surely improves development speed once you get used to it. However it's not quite perfect right now since there are some frustrating bugs which I hope will be fixed in the future:

  1. The undo function doesn't work properly sometimes. Especially for paths.
  2. Inspector panel and Keyframe inspector panel are unscrollable which probably is caused by Yosemite.
  3. The generated code is buggy. Xcode warns a retail cycle, variable redefinition, etc.

Regardless, by tweaking the generated code and by learning that we can control the animation timing, I could create a lovely upload progress control.

You can check out the project in Github along with the QuartzCode project.

QuartzCode is $79.99 on the Mac App Store or you can try it first for free by downloading it from the website. Don't forget to take a look at pretty cool examples on the website to find out what you can make with QuartzCode.

Image

NICNOCQUEE

Blog about iOS, Programming, Japan, or Random Stuff.

« Older Newer »