Most items can toggle their locked and visibility status. The layer list includes several action buttons on each item when hovered over by the mouse. To learn more about layers, see the Layers section. A layer with child layers forms the tree structure you see in the screenshot below and is the fundamental model of how you organize your design. A layer can have several types of childen including animations, actions, or even other layers. The layer list shows you each layer in your document and their childen. Since Kite was built with the intention of exposing all of the power of the Core Animation APIs to the user, the Core Animation documentation will serve as a great second reference if you need to lookup the meaning of a layer property or an animation value. The bottom utility pane displays the animation timeline and JavaScript console. The center canvas allows you to select objects and use the different tools provided in the toolbar. Inspect and change object properties in the inspector pane on the right. You organize your design as a tree of layers that appear in the source pane on the left.
#KITE COMPOSITOR TO JAVASCRIPT MAC#
If you have used other Mac design applications like Sketch, PaintCode, or Keynote, Kite's interface should feel right at home. In addition, for those with a technical background, Kite exposes a JavaScript scripting engine to further fine-tune every detail of your design. Kite offers a number of basic building blocks like layers, animations, and actions that allow you to assemble your interface interactively like Lego pieces. It is the same framework that is used on iOS, macOS, and tvOS to do graphics compositing and interface animation. It is built directly on top of Apple’s Core Animation framework which provides all of the heavy lifting to create beautiful interface animations. Kite Compositor is a native animation design and prototyping application for Mac.
0 kommentar(er)
