Все, кто занимается созданием анимаций, знают про функции плавности (easing) и помнят, как работают основные.
Иногда приходится делать необычные анимации, которых не добиться популярными функциями плавности. Взять, к примеру, появление заголовка на главной странице bakucitycircuit.com — каждый символ заголовка появляется из прозрачности с эффектом включения люминесцентной лампы.
Эту задачу мы решили с помощью GSAP и плагина CustomEase. В коде эта анимация выглядит как обычный
fromTo от opacity:0 до opacity:1. Но для нее мы создали в конструкторе специальный easing, вычисленный в процессе неоднократного включения и выключения ламп в офисе Студии.