Как создаются easing функции для анимации? Я увлекаюсь анимацией в вебе и люблю пилить велосипеды. Совсем недавно вот научился использовать формулы easing функций для анимации на requestAnimationFrame. И теперь меня мучает вопрос - как конкретно люди создают эти формулы?
Если вдруг кто-то не понимает о чем речь, вот два сайта посвященных изингам:
1) timotheegroleau.com/Flash/experiments/easing_funct... (на этом даже конструктор есть)
2) gizma.com/easing
Конкретно до какой-нибудь простой квадратичной функции я могу и сам додуматься и даже придумывал всякую другую фигню, играясь с циферками, но вот как люди создают всякие эластичные функции я совсем не пойму. Неужели просто кто-то долго и упорно играл с циферками чтобы получить например вот такую формулу:?function outElasticBig(t, b, c, d) {
var ts = (t/=d)*t;
var tc = ts*t;
return b+c*(56*tc*ts + -175*ts*ts + 200*tc + -100*ts + 20*t);
}
Не верю я в такие чудеса, здесь точно все завязано на математике, и я либо такое не изучал в универе, либо уже все позабыл :(
Как создаются easing функции для анимации? Я увлекаюсь анимацией в вебе и люблю пилить велосипеды. Совсем недавно вот научился использовать формулы easing функций для анимации на requestAnimationFrame. И теперь меня мучает вопрос - как конкретно люди создают эти формулы?
Если вдруг кто-то не понимает о чем речь, вот два сайта посвященных изингам:
1) timotheegroleau.com/Flash/experiments/easing_funct... (на этом даже конструктор есть)
2) gizma.com/easing
Конкретно до какой-нибудь простой квадратичной функции я могу и сам додуматься и даже придумывал всякую другую фигню, играясь с циферками, но вот как люди создают всякие эластичные функции я совсем не пойму. Неужели просто кто-то долго и упорно играл с циферками чтобы получить например вот такую формулу:?function outElasticBig(t, b, c, d) {
var ts = (t/=d)*t;
var tc = ts*t;
return b+c*(56*tc*ts + -175*ts*ts + 200*tc + -100*ts + 20*t);
}
Не верю я в такие чудеса, здесь точно все завязано на математике, и я либо такое не изучал в универе, либо уже все позабыл :(
Если вдруг кто-то не понимает о чем речь, вот два сайта посвященных изингам:
1) timotheegroleau.com/Flash/experiments/easing_funct... (на этом даже конструктор есть)
2) gizma.com/easing
Конкретно до какой-нибудь простой квадратичной функции я могу и сам додуматься и даже придумывал всякую другую фигню, играясь с циферками, но вот как люди создают всякие эластичные функции я совсем не пойму. Неужели просто кто-то долго и упорно играл с циферками чтобы получить например вот такую формулу:?function outElasticBig(t, b, c, d) {
var ts = (t/=d)*t;
var tc = ts*t;
return b+c*(56*tc*ts + -175*ts*ts + 200*tc + -100*ts + 20*t);
}
Не верю я в такие чудеса, здесь точно все завязано на математике, и я либо такое не изучал в универе, либо уже все позабыл :(
Похожие вопросы
Не можешь разобраться в этой теме?
Обратись за помощью к экспертам
Гарантированные бесплатные доработки
Быстрое выполнение от 2 часов
Проверка работы на плагиат
Интересные статьи из справочника
Поможем написать учебную работу
Отвечай на вопросы, зарабатывай баллы и трать их на призы.
Подробнее
Подробнее
Да, создание easing функций для анимации действительно связано с математикой. Большинство известных easing функций основаны на различных математических моделях и кривых. Некоторые из них могут быть результатом длительного экспериментирования с параметрами и графиками для достижения желаемого эффекта.
Например, функция outElasticBig, которую вы привели, представляет собой одну из вариаций функции эластичного отскока, которая имитирует поведение пружины или резинового шарика. Эта функция строится на основе уравнений, описывающих движение и спринговый эффект.
Создание сложных easing функций требует знания и понимания математики, особенно в области алгебры, геометрии и тригонометрии. Иногда разработчики используют специализированные программы для создания кривых и интерполяции значений.
Если вам интересно изучать создание easing функций, рекомендую изучить основы математики и некоторые концепции анимации, чтобы более глубоко понимать процессы, происходящие при создании и использовании таких функций. Также полезно изучить уже существующие easing функции и их применение в различных анимационных библиотеках.