Kite Compositor — Animation and prototyping for macOS and iOS 1.2 [En]

Вы организуете свой дизайн как дерево слоев, которое появляется в исходной панели слева. Проверьте и измените свойства объекта на панели инспектора справа. Полотно центра позволяет вам выбирать объекты и использовать различные инструменты, представленные на панели инструментов. Нижняя панель утилиты отображает временную шкалу анимации и консоль JavaScript.

Kite полон удивительных инструментов и функций, которые помогут вам быстро построить пользовательские интерфейсы.

• Редактирование траектории
• Интеллектуальная шкала времени
• Построено на CoreAnimation
• Инспектор
• Библиотека
• Импорт из Sketch
• Экспорт
• Сценарий
• Встроенная помощь

Highlights:
• 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

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 - 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 duplicated