QuartzCode - Vector Animation to Code


Current Version: 1.55

Last Updated: 1 day ago

Download Size: 6.8 MB - Download




QuartzCode is a fast, lightweight and powerful animation tool that turn vector drawing and animation to Objective C and Swift code.

Creating animation for your iOS/OSX project now is easier than ever. Just change any properties; you will see animation changes in real time. Using QuartzCode, you can iterate any animation within seconds, at the same time you can see the code side by side. The barrier for creating animation in Xcode is dramatically reduced!

Main Features
• Turn drawing and animation to objective c or swift code in real time.
• Use raster images or create vector drawing using tools provided.
• Create multiple animation states in a single project.
• Use shared color to reuse same color across different layers and timelines.
• SVG import supported
• Mask and animating mask supported.
• Supports more than 25 animatable properties, combine to create stunning animations!
• Use linear timing functions, ease in, ease out or create custom timing functions using graph provided.
• The best and quickest way to learn and master core animation.

Animatable Properties
• position, z position, transform (rotate, scale and translate)
• fill color, gradient, opacity, hidden, shadow, mask, path
• stroke color, stroke start, stroke end, line width, line dash phase
• font size, foreground color,
• instance delay, instance count, instance transform, instance color, instance color offset

Generated Codes
• Generate iOS/OSX Objective C and Swift code in real time.
• Code generation options :
- Relative frame
- Completion block
- Reverse animation
- End time
- Animation duration
• Readable and easy to modify generated code.
• Drawing code is generated by using CALayer and its subclass.
• Support Core animation and UIView block based animation code.


• Create variety of shapes from basic shapes provided.
• Use vector, pencil and boolean operations to create more advanced shapes.
• Edit shapes using vertex mode and transform mode.
• Apply color or gradient to shapes.

• Create replication effects of its sublayers with or without animation.
• Sublayers can be any other layers such as shape or emitter.

• Particle systems in QuartzCode.
• Use multiple emitter cells in an emitter layer.
• Each emitter cell can have its own image and properties.

• Chain multiple animations to sublayers with delay effect.
• Combine keypath properties to produce complex and beautiful animation.
• Use delay order to change order of sublayers animation.
• Also useful to animate text glyphs individually.

• Image resize options.
• Can also be used as a prototype image.


Release Notes:

- Fix some freeze issue on Sierra
- Fixed crash when using line dash, gap, or phase
- Fixed case where layer disappeared when copying by dragging mouse
- Some code generation bug fixes


Most Helpful Reviews

Version 1.03
Review by Simulacra2012

Exceeded Expectations– More powerful that it looks- Excellent Value - Perfect for anyone who wants to add custom, high quality, interactive UI elements into their app. Time-saving solution for entry level to seasoned app developers. Compliments my arsenal of app dev tools– cost is justified. I STRONGLY SUGGEST watching the tutorials from the developer’s site, specifically the video titled “Easy Way to Use Generated Code”. This short step-by-step video will show you how to import the generated code into your Xcode project. WHAT I LIKE SO FAR • Smooth animations! • Sample projects and videos from developer’s site reduced learning curve. • Woks on Xcode 6.0.1 and iOS 8 • Able to import Bezier Code project files QUIRKS • Selecting keypaths on the timeline can be finicky (zooming in helps). WISH LIST • Please continue to expand the tutorials with more complex examples so that the potential of the app is better understood. • Not sure if this is possible but having the ability to export project files for Xamarin (C#).

Found helpful by 4 out of 4 people