TweenCat: маленький твинер для as3

TweenCat это быстрый и очень маленький твинер для as3. TweenCat состоит всего лишь из одного файла и использует стандартные Robert Penner's Easing Equations.

Параметры TweenEngine.addTween конструктора:

• target - объект к которому применяется твин.
• steps - время твина.
• ease - тип твининга. Используется пакет Equations.
• props - набор аргументов.
• delay - время задержки перед началом твина.
• overwrite - указывает будет ли твин перекрыт.
• autoclear - можно указать TRUE для удаления объекта после окончания твина.
• oncomplete - функция которая будет выполнена после окончания твина.

Пример самого простого твина меняющего прозрачность для объекта DisplayObject:

TweenEngine.addTween(DisplayObject, 1, Equations.easeNone, {alpha:0.5});

Параметр overwrite используется для указания того, будет ли анимация для объекта перезаписана. По умолчанию значение true, используйте false для задания объекту цепочек анимаций. Пример использования delay, overwrite, oncomplete и базовых анимаций:

Делаем нестандартный progress/health bar

Сделать простой хелсбар очень просто - все что нужно это один спрайт для фона и еще один спрайт для отображения текущего значения. После этого можно задать спрайту, отображающему текущее значение, горизонтальное масштабирование по формуле: текущее значение / максимальное значение.

Сделаем маленький пример для тестирования хелсбара. Сначала отрисуем фон, затем добавим наш будущий хелсбар и кнопку, которая будет задавать хелсбару случайное значение. Для кнопки я использовал PushButton из пакета minimalcomps но вы можете навесить событие клика прямо на stage.

Также, для того чтобы лучше протестировать наш хелсбар, добавим слушатель события ENTER_FRAME в котором будем увеличивать значение хелсбара, если оно меньше максимального значения, и будем обновлять отрисовку хелсбара с новым значением.

Плавное вращение к заданному углу

Сначала создадим Document class и добавим объект, которому мы будем задавать вращение. Еще нам нужен слушатель ENTER_FRAME для обновления параметров объекта и событие клика, по которому мы будем задавать объекту новый угол для вращения. Так же добавим кнопку, с помощью которой будем задавать скорость вращения для объекта.