Воркшоп: Створення 3D-сцен за допомогою React Three Fiber

Ви дізнаєтеся, як використовувати Three.js і React для створення красивих і ефективних 3D-сцен.

Тренер — Юрій Артюх, фронтенд-євангеліст і співзасновник Coderiver.

Від автора: Ми відтворимо базове освітлення за допомогою шейдерів, а також анімуємо геометрії. Ви дізнаєтеся, як шейдери можуть у цьому допомогти + як підключити анімацію до прокрутки.
У блоку Q&A я буду радий допомогти вам вирішити поточні проблеми, пов’язані з 3D або three.js

Програма:

Під час воркшопу, ви:
• Створите сцену в three.js
• Створите сцену в React Three Fiber
• Використаєте постобробку та передові технології освітлення, щоб зробити це гарним
• Інтегруєте сцену в існуючий HTML
• Дізнаєтеся, як використовувати шейдери для створення продуктивної анімації

Формат:

Дата та час: 22 липня, 10:00 - 15:30, (Kyiv time, GMT+3).

Платформа: Zoom

Мова заходу та презентації: українська

Кількість учасників: 20

Вимоги до учасників: Для участі у воркшопі потрібно мати певні знання терміналу (клонувати репозиторій git, команди pipe two тощо) та базові навички js/react. Під час майстер-класу вам знадобляться такі інструменти:
— Ваша улюблена IDE

Розклад

• 10:00 - 10:15 - Інтро + знайомство
• 10:15 - 11:00 - Базова будова сцен у Three.js
• 11:00 - 12:00 - Як зробити гарні сцени у React Three Fiber
• 12:00 - 12:15 - Кава-брейк
• 12:15 - 12:45 - Робота з 3D assets
• 12:45 - 13:15 - Інтеграція сцен у HTML
• 13:15 - 15:00 - Використання шейдерів, та шейдерні анімації
• 15:00 - Q&A session