Skip to content

components.Spine

Megabyte edited this page Aug 10, 2020 · 13 revisions

Наследуется от Container, и включает в себя все его свойства.

Spine - компонент, позволяющий разместить на сцене анимацию созданную в Spine

Для добавления Spine анимаций в проект, необходимо скопировать .json файл и его ресурсы в подпапку папки /img/ проекта.

Пример использования Spine анимации можно найти в тестовом проекте thing-project-example, который устанавливается вместе с Thing-Editor в инструкции по установке.

Редактируемые свойства:

spineData

Тип: String

В редакторе свойств, данное поле представляет из себя выпадающий список, с перечислением всех доступных в проекте Spine ресурсов. В javascript значению этого поля представляет из себя строку, в том виде как она выглядит в выпадающем списке (путь .json файлу Spine ресурса).


currentAnimation

Тип: String

Каждый Spine ресурс может содержать в себе несколько анимаций. В редакторе свойств, данное поле представляет из себя выпадающий список, с перечислением всех доступных анимаций в Spine ресурсе заданном в поле spineData. В javascript значению этого поля представляет из себя строку с именем анимации.


isPlaying

Тип: Boolean

Запускает/останавливает воспроизведение Spine анимации.


loop

Тип: Boolean

Включает/выключает зацикленность Spine анимации.


speed

Тип: Number

Скорость воспроизведения Spine анимации.


mixDuration

Тип: Number

Время плавного перехода между анимациями.


tint

Тип: Number

Свойство, отвечающее за цветокоррекцию Spine объекта.


tintR

Тип: Number

Свойство, добавленное в Thing-Editor для управления частью tint отвечающей за красный (Red) цвет.


tintG

Тип: Number

Свойство, добавленное в Thing-Editor для управления частью tint отвечающей за зеленый (Green) цвет.


tintB

Тип: Number

Свойство, добавленное в Thing-Editor для управления частью tint отвечающей за синий (Blue) цвет.


useParentTint

Тип: Boolean

При включении этой опции, Spine объект непрерывно присваивает своему tint значение tint родителя. Это позволяет анимировать цветностью Spine объекта через анимацию родительского MovieClip.


spinesPooling

Тип: Boolean

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


Методы:

setCurrentAnimation (animationName : String)

Устанавливает значение для currentAnimation поля.


play ()

Запускает воспроизведение анимации.


playIfDifferent ()

Запускает воспроизведение анимации если она не играет сейчас.


stop ()

Останавливает воспроизведение анимации.


hackTextureBySlotName (slotName: String, texture: PIXI.Texture | string)

Заменяет текстуру слота с именем slotName на текстуру texture, если texture - строка, считает что это путь к текстуре и использует getValueByPath.


Spine.allocatePool (spineDataName : String, count : Number)

Статический метод. Создает в пуле несколько экземпляров Spine. spineDataName - текстовое имя ресурса. Значение spineDataName совпадает со значением поля spineData. count - задает количество объектов, которые будeт созданы.


Spine.clearPool (spineDataName : String)

Очищает пул спайн ресурсов. Если spineDataName задано, то очищаются ресурсы только для данного spine ресурса. Значение spineDataName совпадает со значением поля spineData.

При очиске пула могут сохраниться Spine объекты, присутствующие в данный момент на сцене.


<- Предыдущая страница Следующая страница ->

Связанные темы:

Свойства, унаследованные от Container

Компоненты

Редактируемые поля

Spine animation

Clone this wiki locally