3D моделювання на JavaScript.

Если ты пишешь на JS, но тебе хочется чего-то более творческого, если ты мечтал попробовать себя в роли 3D художника, на этом вебинаре ты сможешь сделать свои первые шаги в этом направлении. Также ты сможешь больше узнать о том, как устроена работа с графикой в браузере.
План вебинара:
- Краткое знакомство с автором – опыт, технологии, интересы.
- Разновидности графики.
- Что такое WebGL.
- Что такое three.js.
- Что такое mesh, material, camera.
- Установка проекта.
- Подключение three.js к проекту.
- Виды координатных плоскостей.
- Создание простой линии.
- Объяснение координатной плоскости на примере линии.
- Добавление примитивного куба на плоскость.
- Анимация куба.
- Накладывание текстуры на куб.
Целевая аудитория:
Верстальщики, фронтенд разработчики со знанием JS, которые хотят освоить работу с канвасом, понять базовые принципы работы WebGL в браузере, а также понять, как браузер отрисовывает 3D объекты.



































