Урок GSAP 3.6 - Меняем свойства обычного JavaScript-объекта - Эпизод 2

У вашего броузера проблема в совместимости с HTML5

Посмотрим как GSAP меняет свойства обычного объекта! Создадим элемент с предварительным форматированием pre с идентификатором result и добавим объект myObj с числовыми свойствами subscriber (подписчики), sponsors(спонсоры), delta - просто числовое свойство и color - свойство, которое мы могли назвать и по другому, оно обозначает цвет.

Создадим функцию showObj(), которая на вход принимает селектор в виде строки. О, мы делаем вид, что мы как разработчики GSAP, такие же внимательные к деталям и также ставим селектор на первом месте) Вторым аргументом будет сам объект, свойства которго мы будем менять. А дальше применяем метод gsap.to() для плавного изменения свойств!

Это здорово, мы можем определять промежуточные значения этих свойств объекта. На чистом JavaScript тоже так можно :D

???? Плейлист: https://www.youtube.com/watch?v=FkqJ-EnKUxM&list=PLOQDek48BpZFzxKS-2sLAeSBB83x-xILB&index=1
???? Станьте спонсором! https://www.youtube.com/channel/UCBLJEWATAm4O1Tp0k76cGFg/join

✔️ GSAP 3.6 №1 Начало работы - https://www.youtube.com/watch?v=FkqJ-EnKUxM
✔️ GSAP 3.6 №2 Меняем свойства JS-объекта - https://www.youtube.com/watch?v=809-Abmk—w
✔️ GSAP 3.6 №3 Ease/Переходы gsap - https://www.youtube.com/watch?v=fc1XGkc2NAw
✔️ GSAP 3.6 №4 Анимируем заголовок h1 - https://www.youtube.com/watch?v=_ysLmK1tovw
✔️ GSAP 3.6 №5 Шатаем stagger - https://www.youtube.com/watch?v=3jpkWSy2kow
✔️ GSAP 3.6 №6 Анимация и события - https://www.youtube.com/watch?v=bQEeTom9U7E
✔️ GSAP 3.6 №7 Timeline - https://www.youtube.com/watch?v=-T76YSPrHFk
✔️ GSAP 3.6 №8 Draggable плагин - https://www.youtube.com/watch?v=V61efiTiZec
✔️ GSAP 3.6 №9 TextPlugin плагин - https://www.youtube.com/watch?v=mOboX4tykuM
✔️ GSAP 3.6 №10 MotionPathPlugin плагин - https://www.youtube.com/watch?v=s114AKJgJg4
✔️ GSAP 3.6 №11 Вспомогательные методы https://www.youtube.com/watch?v=Dbu6xRhL7UU