Воркшоп: інтерактивна 3D-анімація на лендінгу
Ментор - Юрій Артюх, засновник у Riverco.de frontend agency, html/css coder, який має пристрасть до анімації та WebGL
Під час воркшопу ви створите анімований інтерактивний лендінг.
Кожен учасник отримає реалізований підготовлений код, який зможе використовувати для анімацій у своєму дизайні. А також набір інструментів для оптимізаціі та роботи з 3D.
-
Ви дізнаєтесь, як:
- робити запуск анімацій по скролу
- взаємодіяти з 3Д обєктом та його анімаціями
- інтегрувати WebGL та HTML світи.
Також ви розберете базову роботу з 3D ассетами, оптимізацію, компресінг, та редагування.
Програма:
- сучасні підходи по симбіозу WebGL та HTML на лендінг сторінках
- анімація по скролу, робота з ScrollTrigger
- підготовка та оптимізація 3D-моделей для продакшна
- робота з React Three Fiber, та чим вона відрізняється від звичайної three.js
- базова робота з шейдерами, та ефективними анімаціями багатьох об'єктів
- просунуті можливості анімацій для сайтів у React Three Fiber
Формат:
Дата та час: 29 червня, субота, 10:00 - 14:00, (Kyiv time, GMT+3).
Платформа: Zoom
Мова заходу та презентації: українська
Вимоги до учасників: Для участі у воркшопі потрібно мати певні знання терміналу (клонувати репозиторій git, команди pipe two тощо) та базові навички js/react.
Під час майстер-класу вам знадобиться ваша улюблена IDE
Кому буде цікаво?
Фронтенд-розробникам від рівня Junior+
Ментор: Юрій Артюх, фронтенд-євангеліст та засновник Riverco.de frontend agency.
— 15 років активно займався фронтендом, а останнім часом саме анімаціями у браузері та WebGL. Навчає людей на своєму ютуб каналі, де створює анімації під час стрімів.
— Постійний спікер Fwdays