Как разобраться в анимациях?

Всё в контексте веба.
Как вних разобраться? Категорически непонятно, что делают как и почему easeIn, easyOut и многие десятки других видов анимаций.

Непонятно, как добиваться нужного эффекта. Вот хочу я создать касточную анимацию, которая у меня в голове. С чего начать её создаие?

Или вот попал на сайт казино - смотрю как красиво вращаются колесо слот-машины на канвасе. А как сделать такую же анимацию? Вроде по логике - только движение и легкое размытия - а вт нифга, по другому смотрится, более "убого" что ли.

Есть литература, где описывается всё это? Начиная с преобразований матриц, заканчивая фишками дизайна?
  • Вопрос задан
  • 2525 просмотров
Пригласить эксперта
Ответы на вопрос 3
@vasIvas
что делают как и почему easeIn, easyOut и многие десятки других видов анимаций.

Есть онлайн сервисы, где можно поиграться с настройками "кодовой" анимации.
Непонятно, как добиваться нужного эффекта.

Это не из темы "я хочу научится завязывать шнурки", этому долго учатся на курсах аниматоров.
С чего начать её создаие?

У Вас в голове должны не мысли, а кадры. Научитесь строить кадры, как сцены в кино,
их же не просто взяли и сняли, а создают макеты, описания. Нарисуйте схему движения, время..
Или вот попал на сайт казино - смотрю как красиво вращаются колесо слот-машины на канвасе.

Если красиво, то это виде, созданное в видеоредакторе.
Ответ написан
Комментировать
@maxyc_webber
Web-программист
Сделал перевод статьи по анимациям для начинающих. От и до расписано что для чего. Живые примеры тут же в тексте. Можно копировать и вставлять сразу к себе на сайт.

devdocs.ru/verstka/css3-animations-for-beginners
Ответ написан
Комментировать
haiku
@haiku
Не сочтите за грубость, но сорсы читнуть не пробовали? (jquery и jqueru UI например там, где про animate)
И на api.jquery.com/animate тоже вполне простым языком написано, разве нет?
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы