Была задача скопировать видеоанимацию, реализовать ее в SVG. Не люблю такие задачи, но тем не менее они довольно часты.
Копирование «1-в-1» - это двойная, или даже тройная по трудозатратам работа. Сначала разбираешь «по косточкам» пример, с протоколированием тайминга. Потом собираешь с нуля копию в svg. И третья, финальная стадия - максимально точная подгонка готовой анимации под оригинал.
Анимация прелоадера для интернет-магазина азиатской кухни. Посмотрите его с начала, перед тем как анимация войдет в цикл, кликнув по заголовку. Проблема загрузчиков сродни порнофильмам - их никто не досматривает до конца. Тут немного наоборот, не все увидели начало.
Анимированная презентация схемы логистики промышленного комплекса. Наглядно показаны логистические цепочки от производства сырья до доставки конечным потребителям продукции.
Невероятно замороченная в плане исполнения анимация. Тут много циклов, завязка по времени окончания одной задачи (на самом деле множества) с началом другой. Со сдвигом всего и вся если вносятся изменения в предыдущей. К тому же очень тяжелая по весу. В районе 1Мб.
Анимация рукописного текста. Очень востребованный тип анимации. На самом деле, если делать качественно, очень трудоемкая и затратная по времени задача. Каждая буква, из цельного шейпа, разбирается на 2..3 (а то больше) части, которые анимируются раздельно. Да еще и с разным таймингом. Да еще и с последующим лечением артефактов в Chrome браузерах.
Простая анимация логотипа интернет магазина грилей и аксессуаров. Заказчику нужна была анимация без излишеств и раздражителей. Сделал. Получилось легко, плавно, без токсичности.