QuartzCode

QuartzCode

By WAN LUTFI WAN MD HATTA

  • Category: Developer Tools
  • Release Date: 2014-10-01
  • Current Version: 1.67.0
  • Adult Rating: 4+
  • File Size: 13.91 MB
  • Developer: WAN LUTFI WAN MD HATTA
  • Compatibility: Requires iOS 10.12 or later.

Description

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. Layers: Shapes • 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. Replicator • Create replication effects of its sublayers with or without animation. • Sublayers can be any other layers such as shape or emitter. Emitter • Particle systems in QuartzCode. • Use multiple emitter cells in an emitter layer. • Each emitter cell can have its own image and properties. Effect • 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. UIView/CALayer • Image resize options. • Can also be used as a prototype image.

Screenshots

Reviews

  • Awesome Animation tool

    5
    By Dad888
    It is a little quirky to wrap your head around some of the concepts, but I was able to add pretty complex animations into our app in less than a day that I was quite proud of. it compares with paint code, but I would clasify paint code as being useful for assets where this really focuses on animations. The support was first rate where I reached out with a problem on Facebook, got approved by the group within a minute or so, then all responses were within a few minutes. My issue was the way I had tweaked some of the parameters, so they asked me to submit a sample, which was analyzed and fixed my problem wtihin 30 minutes. How could you ask for better support? Is it perfect? No. Are there things I think it could do better? Certainly. Are there things I can do in this that I couldn’t do in Paint Code? Absolutely 1000% yes. You can do simple animations in paint code but nothing like this. Though you can import and move around pictures, we did everything in vectors via SVC and they look awesome when we scale. For animations in IOS the future looks bright with QuartzCode and we are planning to use this all throughout our app to add the “delighters” apps today so desperately need. If they are as responsive in their development as they are in their support—the future looks very bright indeed.
  • Great Product & Excellent Support

    5
    By Simulacra2012
    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.
  • Amazing tool

    5
    By Studio Skier
    I’ve been using QuartzCode on and off for 4 days. I’ve already committed two animations for eventual release in our production application. Be warned: the learning curve is steep because the amount of functionality QuartzCode makes accessible is vast. Where custom animations used to be daunting, QuartzCode makes them fun. I’m looking forward to the next custom animation I must add to our production application. I was very frustrated at first by the UI — values changed unexpectedly and my file got saved automatically with changes I didn’t want. “Preferences” solved both those issues. The video tutorials are extremely helpful, if difficult to follow at times.
  • Must have for programmers and designers

    4
    By backslash-f
    It DOES make things super easier and helps on building and understanding ObjC/Swift animations. I’m comparing this app with PaintCode (and that’s a good thing). I know the focus / goals aren’t exactly the same, my point is: QuartzCode's interface could be a little more polished (that’s the only reason I’m giving it 4 stars instead of 5). Anyway, I can already see some improvements there with the latest beta… At the end of the day, I was able to deploy an animation made by a designer and the result pleased both. Apps like these seems difficult to implement, congratulations for the developer(s). Ah, the support is outstanding, thanks for all the help. (One more thing, please implement fullscreen support, thanks!)
  • Strong potential

    5
    By Shponglizer
    QuartzCode is a really nice tool to have in your toolbox. I’ve used it extensively for gradient animations and idea exploration, but wound up changing the generated code quite a bit to get the control I desired. The example files provided are amazing and really do show that the boundaries can be pushed quite far with a little imagination. Yes I’ve run across a few bugs, and I’ve found the value editing in the inspector panel to get a little strange at times. But overall I still think this is an excellent investment, and a great playground for exploring animation ideas.
  • Great idea, unique app

    3
    By Dh74
    As far as I know this is the only app of its kind. I've found it helpful as I'm learning Core Animation, because I can try something and see the results immediately. That said, compared to an app such as PaintCode, which is similar but for static graphics, the build quality of this app is pretty poor. It's just not polished in any way. And it's definitely buggy. It's basically a beta version at best. I hope the developer continues on and makes it better, and also recruits some UI help, because if the quality were on par with PaintCode I would love it.
  • Phenomenal idea, great potential ... currently a bit quirky

    4
    By app_whiz
    Phenomenal idea -- tons of potential for fantastic animations using an After Effects or Motion-like interface, rather than code. Sparks a lot of great ideas for animated UI elements. The current version is a bit temperamental, and crashes with some regularity. Hopefully the developer is working on this, as it has the potential to be a phenomenal tool. Keep up the good work!

keyboard_arrow_up