Всем доброго времени суток! Столкнулся с такой проблемой:
1) Как передать анимацию разработчику с точными параметрами анимаций, чтобы в браузере было все идентично? Может есть видео, статьи или собственный опыт, как вы это делаете?
2) Слышал про Bodymovin, но он работает только с svg анимацией, а что делать, если анимация нацелена на нестандартные слайдеры, поведение сайта или она вовсе не в AfterEffect, а в том же Principle?
P.s. Скинуть гифку и передать исходники проектов разработчику не подходит, так как неясно, как параметры и свойства АЕ соотносятся с параметрами анимации в браузере. Хочется, чтобы анимации были 1в1 по всем параметрам в браузере, а не на глаз(скорости, переходы, тайминг речь об этом)
Moskus, у нас с разработчиком стоит проблема не как запрограммировать с этим все в порядке, а как сделать идентичную по всем параметрам с видеоредактора. Каким образом готовится инструкция по анимации для разработчика и прочиии тонкости этого процесса передачи анимашек.
Марти Аксенов, чаще всего, никто просто не делает двойную работу. В смысле - сначала рисовать в видеоредакторе, а потом заново - программировать. Это приблизительно как разрабатывать шрифт, рисуя его сначала в Photoshop. Или как делать GIS-проект в Corel Draw или Illustrator, а потом героически воссоздавать то же в ArcGIS.
Вместе сядьте с разрабом и делайте. Или на словах расскажите, если на удаленке. Средств коммуниации полно. Он делает - вы комментируете - он делает отладку в + - и вуаля
Как раз нынче чаще как раз и делают двойную работу, ведь надо чем-то занять орду голодных дизайнеров-аутистов. Не милостыню же им просить? Это все идет в прайс лоху-заказчику.
у нас с разработчиком стоит проблема не как запрограммировать с этим все в порядке, а как сделать идентичную по всем параметрам с видеоредактора.
Ты сам себе противоречишь. Судя из написанного, как раз проблема и стоит как запрограммировать чтобы было идентично как в програмке для мартышки, кликающей кнопочки в ГУИ (это я про эти все редакторы анимаций никому не нужные)
hckn, у вас, конечно, есть надёжная статистика. И если уж вы взялись использовать психиатрические термины, как ругательства, выбирайте правильно: дизайнеры - шизофреники, а никак не аутисты.
Ну а аутизм это не ругательство, это констатация факта.
Шизофрения тоже не совсем верно. Скорее биполярное расстройство. Это типично для миллениала, вырощенного в интернете.
Вас я никак не упоминал, попрошу заметить.
Moskus, кстати, у меня к вам вопрос - вы доступны для заказа почасово? Есть кое-какая задача касательно генерации картинок. Вы я помню профи в этом.
hckn, Если рассмотреть, на примере примитивного перемещения фигуры из точки А в точку В c определенной скоростью и, допустим уже не просто Ease In, то каким образом собирать все эти параметры для передачи разрабу для той же идентичной анимации в CSS?
Ну как, если используется какой-то изинг, то скижи ему какой и сколько времени он должен занимать. Если он построен на кривых безье, то передай параметры этих кривых. Если у тебя там какое-то значение стремящиеся к определенному значению, с возрастанием или убыванием, то скажи сколько времени дано и с какой скоростью меняется значение. Если ты не понимаешь о чем идет речь уже сейчас, то придется положиться на опыт разработчика и его точность угадывания, а потом долго и муторно пытаться подгонять, пока кто-то из вас не психонет и не пошлет другого )).
Но что подобного не возникало, надо использовать специализированные средства, предназначенные именно для веб. Увы, названия сразу не скажу, но по ключевым словам можно много чего найти.