Flip Card

исходники и примеры в формате .capx

Сообщение Flip Card
» 07 окт 2018, 23:56

Всем привет.
Нужно было переворачивание спрайта, на подобии переворота карты. Ранее был такой behavior "flip" который переворачивал спрайт и в момент переворота менял фрейм анимации. Визуально интересен тем, что момента смены анимации вы не видите, и создаётся иллюзия переворота.
Перебрал много эффектов, даже сделал в анимацию в DragonBone, но всё не то. В эффектах нет управления, в анимации вес большой и много объектов делать.

В общем нашёл всё-таки решение на базе Litetween. И флип вроде хороший, настраиваемый и при этом управляемый. Если кажется что дергается - смените тип анимации в Litetween.
Сама анимация базируется на сжатии спрайта до 0.01 ширины (или высоты)
Достоинство способа в том, что у Litetween есть проверка стадии анимации - началась, закончилась, а также откат (reverse) до начального значения.


А дальше можно даже рандомное выпадение предметов на такой вещи строить.. ну тут уж как фантазия заработает.
Для запуска примера нужны установленные MoveTo by Rex и Litetween. Оперируя их скоростью и типом анимации можно добиться нужных результатов.

P.S. Хотел бы обратить внимание, что в плагине Litetween параметры значения scale берутся из значений оригинала спрайта, а не из значений размера на layout. Например, если спрайт имеет 200х200px, а на layout вы его выставили в 100х100 то при анимации спрайт будет растягиваться до оригинального размера. Решается: либо выводом спрайта без изменения размера, либо пропорциональной регулировкой параметра scale.
testFlip.capx
(334 КБ) Скачиваний: 12
Переворот спрайта со сменой анимации
Аватара пользователя

Участник
Сообщений: 5
Я тут с 30 окт 2017
Репутация 3 [ ? ]


Вернуться в Исходники и Примеры для Construct 2

Сейчас эту тему просматривают

Зарегистрированные пользователи: нет зарегистрированных пользователей

Наверх