Animation

Материал из wiki.appsalutecreator.com
Версия от 10:11, 31 июля 2015; Eholodkov (обсуждение | вклад) (Новая страница: «'''Animation''' - объект, который позволяет анимировать другие объекты. Обладает возможно…»)

(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

Animation - объект, который позволяет анимировать другие объекты. Обладает возможностью задавать изменение параметров объектов с помощью нелинейных функций.


Введение

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

Параметры

  • duration - общее время выполнение всех анимаций.


Добавляемые параметры

+.png scale

- анимация скейла

  • объект - объект, который анимируем.
  • begin_scale_x - начальное значение скейла по x(при игнорировании значение берется из объекта ).
  • end_scale_x - конечное значение скейла по x.
  • begin_scale_y - начальное значение скейла по y(при игнорировании значение берется из объекта ).
  • end_scale_y - конечное значение скейла по x.
  • start_time_percent - время начала анимации в процентах от общего времени (duration).
  • end_time_percent - время конца анимации в процентах от общего времени (duration).
  • Type of easing - Функция плавности(easing).


+.png move

- анимация движения

  • объект - объект, который анимируем.
  • begin_x - начальное значение x(при игнорировании значение берется из объекта ).
  • end_x - конечное значение x.
  • begin_y - начальное значение y(при игнорировании значение берется из объекта ).
  • end_y - конечное значение x.
  • объект - объект, к которому будем двигаться(если задан, end_x и end_y игнорируются).
  • start_time_percent - время начала анимации в процентах от общего времени (duration).
  • end_time_percent - время конца анимации в процентах от общего времени (duration).
  • Type of easing - Функция плавности(easing).


+.png alpha

- анимация изменения прозрачности

  • объект - объект, который анимируем.
  • begin_alpha - начальное значение alpha(при игнорировании значение берется из объекта ).
  • end_alpha - конечное значение alpha.
  • start_time_percent - время начала анимации в процентах от общего времени (duration).
  • end_time_percent - время конца анимации в процентах от общего времени (duration).
  • Type of easing - Функция плавности(easing).


+.png rot

- анимация вращения

  • объект - объект, который анимируем.
  • begin_rot - начальное значение угла(при игнорировании значение берется из объекта ).
  • end_rot - конечное значение угла.
  • start_time_percent - время начала анимации в процентах от общего времени (duration).
  • end_time_percent - время конца анимации в процентах от общего времени (duration).
  • Type of easing - Функция плавности(easing).


+.png анимация

- изменения указанного параметра объекта по функции

  • объект - объект, который анимируем.
  • тип анимации - параметр , который анимируем ( пока x, y, scale_x, scale_y, alpha).
  • begin_value - начальное значение.
  • end_value - конечное значение.
  • start_time_percent - время начала анимации в процентах от общего времени (duration).
  • end_time_percent - время конца анимации в процентах от общего времени (duration).
  • Type of easing - Функция плавности(easing).


+.png изменить состояние объекта - закончили анимацию

- изменить состояние объекта после окончания анимации.

  • объект - объект, состояние которого меняем.
  • состояние - значение нового состояния.


Состояния

  • pause - состояние паузы.
  • start - состояние старта анимации.

Изначально объект находится в состоянии pause.

Easing

Изинги позволят добиться более плавной и реалистичной анимации. На данный момент реализованы все функции представленные на рисунке ниже. Заметим, что по оси x меняется время анимации , по y - значение нужного параметра. Иллюстрацию анимаций можно увидеть на ресурсе http://easings.net/ru (навести мышкой на нужную функцию).

GAnimation-Easing.png