JQuery ослабление графики

Question

Просто найти на рисунке (graphical) в JQuery плагин Облегчение http://james.padolsey.com/demos/jquery/easing/

Что эти графики точно представляют.

Я пытался работать/анализировать разрядку плагин несколько раз, но я никогда не понимаю, как это действительно работает

Может кто-нибудь объяснить мне, как понять это

Answer 1

Подумайте об этом так ...

• В нижнем левом углу окна является отправной точкой анимации.
• Правая сторона - это конечная точка анимации. Чем выше, тем дальше от начальной точки.
• Длина нижней (или верхней) показывает, сколько времени прошло общее время анимации.
• Функция ослабления определяет, как анимировать элемент в пределах расстояния над установленным количеством времени анимации между двумя точками или скоростью, которая равна расстоянию/времени.

Итак, если вы видите горизонтальную линию или кривую приближаетесь к горизонтальной линии, то не будет никакой анимации (или минимальной), поскольку расстояние не изменилось с течением времени.

И чем круче линия (вверх или вниз), тем быстрее элемент перемещается по расстоянию.

Answer 2

Это начальная скорость, средняя скорость и окончательная скорость анимации.

Answer 3

Прочитайте абзац - это объясняет, что представляют собой графики.