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

Классные анимации с использованием 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.