Вот удобный инструмент, который вы можете использовать, чтобы создавать подростков без угадывания всех задействованных чисел. Просто нажмите и перетащите, чтобы создать график анимации, настроить желаемое время и экспортировать в любой из четырех форматов: встроенный движок Flash, Tweener , TweenLite или TweenMax . И если вы являетесь участником Tuts + Premium , вы можете получить исходный код самого инструмента!
Используйте Easer
Easer прост в использовании:
- Нажмите кнопку «Время», чтобы установить время замедления.
- Нажмите на красную линию, чтобы добавить пользовательский узел. Вы можете перетащить контрольные точки влево или вправо, чтобы отрегулировать кривую для быстрого перехода. Вы также можете удалить узел, нажав «Удалить» на клавиатуре.
- Нажмите кнопку «Просмотр», чтобы просмотреть свой произвольный переход.
- Выберите понравившуюся вам анимацию движения, затем нажмите кнопку «COPY CODE».
- Вставьте код в исходный код вашего проекта. Убедитесь, что вы импортировали класс
Easerиз исходной загрузки.
Пример кода
|
1
2
3
4
5
6
|
import com.activetofocus.easer.Easer;
import caurina.transitions.Tweener;
var easerArr:Array = [{Nx:69,My:0,Ny:-263,Mx:0},{Nx:360,My:-210,Ny:-8.5,Mx:183},{Nx:442,My:-135,Ny:-259,Mx:397},{My:-200,Mx:520}];
Tweener.addTween(mc,{y:29, time:2, transition:Easer.to(easerArr)});
|
Получить источник Easer
Ссылка для скачивания в верхней части этой страницы предназначена для файлов, необходимых для использования Easer. Если вы хотите изменить Easer или просто разобрать его, чтобы посмотреть, как он работает, вы можете получить исходные файлы для самого Easer в Tuts + Premium .