Использование библиотеки GSAP в Articulate Storyline

О чем видео

Участник сообщества Алексей Миляев выпустил новое видео. В нем рассказывается про использование JS библиотеки GSAP в Articulate Storyline, которая позволяет создавать интересные кастомные анимации. В ролике разбирается базовая теория и добавлено 8 шаблонов анимации, которые можно скопировать и вставить в свой проект. Кажется, это будет полезно многим, поэтому выносим из сообщества на сайт.

Посмотреть, как работает проект, можно тут. А тут можно скачать исходник проекта.

Резюме обсуждения ролика в сообществе

Эффект можно использовать как украшение кнопок и для понимания, что нажатие на кнопку произошло. Но какой в этом смысл, если чаще всего эффект не успеет «доиграть» до конца, т. к. по кнопке произойдет смена слайда или слоя? Как вариант — можно запланировать задержку между переходами, но это вызывает ощущение «торможения» курса.
Украшательством курса лучше не увлекаться, чтобы не было сильного контраста между разными. Если вау-супер-классный курс для новичка сменять унылые некрасивые курсы без украшений и анимации, может возникнуть впечатлением обманутых ожиданий.
Надо помнить об эффективности затрат. Если создание анимации занимает много времени, а длится всего пару секунд и не влияет на понимание материала (большинство декоративных анимаций не влияют), то много их делать невыгодно со всех точек зрения. А если с ними «переборщить», то они даже могут отвлекать от контента.
До появления акцентной анимации в Storyline в этом решении был смысл. А сейчас получается результат, близкий к стандартной анимации, но с большим количеством телодвижений.

За видео благодарю участника сообщества — Алексея Миляева.