Kite Compositor ÊÇÒ»¿îMacÉÏÓÅÐãµÄ¶¯»ºÍÔÐÍÉè¼Æ¹¤¾ß£¬¿ÉÓÃÓÚΪMacOS»òiOSÓ¦ÓÃÖÆ×÷¶¯»Ð§¹ûºÍÔÐÍ£¬¼òµ¥Ò×Ó㬺ܲ»´í£¡
- ~$ X/ t1 o& l. v$ X5 q
[Kite Compositor ÔÚ¹ÙÍøÉÏÊÛ¼Û39.95ÃÀÔª£¬Ô¼ºÏÈËÃñ±Ò240Ôª]
6 Y' f- |( T8 E
Kite Compositor ÈÃÄã¿ÉÒÔÖ±¹ÛµØÍÏקͼ²ã£¬ÔÚWYSIWYG»²¼ÉϹ¹½¨¸´ÔӵĽçÃæ¡£Ìí¼Ó¶¯»£¬²¢ÔÚ¼¯³ÉµÄʱ¼äÖáÉϵ÷ÕûËüÃÇ¡£Ê¹ÓÃÄÚÖõÄJavaScript½Å±¾»·¾³À´Ôöǿÿ¸ö½»»¥µÄϸ½Ú¡£½áºÏ×Ô¶¨ÒåÂß¼ºÍÐÐΪÀ´ÊµÏÖÄúËùÐèÒªµÄ¡£
»ùÓÚCoreAnimation¡ª¡ª·çóÝÊÇÓÃmacOSµÄ±¾µØCoreAnimation¼¼ÊõΪMac½¨ÔìµÄ¡£CoreAnimationÊÇMacºÍiOSÉϵĹؼü»ù´¡Í¼Ðμ¼ÊõÖ®Ò»£¬ÔÚ¸ßframeratesÉϲúÉúÁËÁîÈ˾ªÌ¾µÄ¶¯»Ð§¹û¡£9 s2 @" Z/ b) d# J6 K$ G: J) |: y
. }* l, ]/ N0 f, t* u! Z) v. F
Kite Compositor for Mac ½éÉÜ
Kite Compositor lets you visually drag-and-drop layers to build complex interfaces on a WYSIWYG canvas. Add animations and tune them with the integrated timeline. Use the built-in JavaScript scripting environment to enhance the detail of each interaction. Incorporate custom logic and behavior to achieve exactly what you need.
0 U& B# Q$ f8 Z# ]
Features
Timeline ¨C The integrated smart timeline allows you to drag and edit animation durations and keyframes. Snap animation start and end times together for a precise, hand-tuned feel.
Inspector ¨C A robust and powerful object inspector allows you to edit all of your layers¡¯ properties in just a few clicks. Set colors, ajust animation curves, add CoreImage filters ¨C all at the click of a mouse.
Library ¨C Drag-and-drop layers and animations from the library to build your interface visually. Save reuseable layer hierarchies into your library for easy component reuse.
Design on Mac, View on iOS ¨C Are you ready to get a sense of how your designs feel on an actual iOS device? Download the native companion app, Kite Compositor for iOS.
Import from Sketch ¨C Easily import your designs from Sketch with Kite¡¯s native import feature. Preserve editable bezier paths and text by importing your Sketch layers as native Kite layers.
Export ¨C Share your designs by exporting a movie or gif recording of your animation.
Scriptable ¨C Add sophisticated logic to your animations and interactions via the built-in JavaScript scripting engine. Query and make live edits to your running animation from the built-in JavaScript console. Fire animations, add new layers, change properties and much more.
Built on CoreAnimation ¨C Kite was built from the ground up for Mac using macOS¡¯s native CoreAnimation technology. CoreAnimation is one of the key underpinning graphics technologies on Mac and iOS that produces stunning animations at high framerates. 4 b4 v1 T; R* v% ^* Y9 @7 x! G
9 e, b) O& y% v8 f3 z1 N9 IHighlights:
PageLayers allow you to encapsulate a full page¡¯s worth of interaction and easily animate between your pages using your own custom animations
The new ¡®Transition to Page¡¯ action lets you quickly add several types of pre-defined transition animations with customizable timing, duration, and speed
The ¡®Transition to Layer¡¯ action lets you quickly add layer-to-layer transition animations with customizable timing, duration, and speed
Inspector text fields now have a ¡®scrub control¡¯ on the left to scrub back and forth though values
The new ¡®Run JavaScript¡¯ action allows you to run a short snippet of JavaScript in response to an event without having to create a Script& m3 P& ]% ]1 Q& W
Details:
New: A new type of layer, PageLayer, is available to ¡®stand in¡¯ for another whole page at design-time and is filled in with that page¡¯s layers at presentation-time.
New: A ¡®Transition to Page¡¯ action is available to quickly add a transition animation between your document¡¯s pages without having to create your own animations.
New: A ¡®Transition to Layer¡¯ action is available to add a transition effect between layers that are not achievable with Animations alone.
New: A ¡®Run JavaScript¡¯ action is available to allow you to run a short snippet of JavaScript in response to an event without having to create a Script.
New: Text fields in the Inspector now have a ¡®Scrubber Control¡¯ on the left that you can use to scrub back and forth between values. Having a dedicated control will prevent accidental scrubs that could occur with the old behavior when selecting text.
New: Now the ¡®Pages¡¯ tab will be the same width as the Pages pane when both are showing in the left source pane.
New: User-provided layer data (content in the Data inspector pane) will now be accessable via the JavaScript scripting engine with the layer.data property. You can call layer.data.get(¡®myKey¡¯) to retrieve values.
Bug fix: Fixed anchor point toolbar button tooltip to the correct value ¨C Thanks Amos!
Bug fix: Fixed a bug where grouping layers would not preserve their ordering when on the same parent layer.
Bug fix: Fixed an issue where scrolling the Canvas List on the left may not maintain the correct scroll position when selecting a different canvas.
Bug fix: Fixed an issue where the layer list pane would grow very wide when switching to a new canvas in the canvas list.
Bug fix: User-provided layer data (content in the Data inspector pane) will now be copied when the layer is copied or duplicated8 I7 a! h( Q' F: h1 o" ~