Сообщество, где мы помогаем друг другу и обмениваемся практическим опытом создания и упаковки учебного контента.

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

Кажется, это будет полезно многим, поэтому выносим из сообщества на сайт.

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

Видео с ютуба. Для просмотра без замедления может понадобится vpn.

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

В сообществе успели немного обсудить ролик. Высказали такие мысли:

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

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

Хотите обсудить это решение или поделиться своим? Вступайте в сообщество «Скормите это LMS»!

Жмите на кнопку «Join Discord» в баннере.