Скачать или смотреть Классные анимации с использованием GSAP Transform Origin и Timelines.

Узнайте, как создавать более сложные анимации в Articulate Storyline с помощью GSAP, освоив две мощные функции: временные шкалы GSAP и transformOrigin. В этом уроке я покажу вам, как управлять опорными точками анимации, запускать несколько анимаций одновременно и создавать пользовательские эффекты, которые невозможно реализовать только в Storyline.

Ссылка на файл Storyline: https://courses.learningdojo.ninja/c/...

На примере забавного сундука с сокровищами вы увидите, как вращать, сжимать и отскакивать объекты, запускать изменения состояния и анимировать несколько элементов, например, выпадающие из сундука бриллианты — всё это с помощью JavaScript и GSAP. Если вы хотите расширить возможности Storyline за пределы встроенных анимаций и создавать действительно пользовательские интерактивные элементы обучения, этот пошаговый урок покажет вам, как это сделать.

Вы также узнаете, как структурировать временные шкалы GSAP, использовать transformOrigin для реалистичного движения и интегрировать всё это с JavaScript API Storyline. Доступны примеры файлов, чтобы вы могли следовать инструкциям и экспериментировать с анимацией самостоятельно.

Идеально подходит для разработчиков электронного обучения, дизайнеров учебных материалов и пользователей Storyline, которые хотят добавить в свои курсы анимацию и интерактивность профессионального уровня.

Разделы
00:00 Обзор целей GSAP
00:56 Настройка и рабочий процесс инструментов
02:12 Основы преобразования источника
04:49 Исправление с помощью селектора запроса
06:08 Значения источника и примеры
08:34 Введение в временные шкалы GSAP
09:45 Разбор кода временной шкалы
14:38 Задание по добавлению ромбов
15:15 Наложение слоев с группами и прозрачностью
18:07 Логика глубины и анимации ромбов
21:09 Заключение и ресурсы

🥷 Ссылка на полные курсы
Articulate Storyline 360: https://courses.learningdojo.ninja/c/...

Storyline и JavaScript: https://courses.learningdojo.ninja/c/...

Основы программирования Vibe: https://courses.learningdojo.ninja/c/...

Adobe Captivate: https://www.udemy.com/course/adobe-ca...

Основы xAPI: https://courses.learningdojo.ninja/c/...

Camtasia: https://www.udemy.com/course/masterin...

Articulate Rise 360: https://courses.learningdojo.ninja/c/...

Для получения дополнительной информации посетите https://learningdojo.ninja.