#2/14 Готовим Prod. Функциональность кода: настройки планеты. Шейдерный градиент. Уроки ThreeJS. PRO

#webgl #3d #js #three #threejs #inverser_threejs GitHub окончательного результата для production: https://github.com/inverser-pro/threejs-webgl-planet-for-production LIFE VIEW: https://codepen.io/inverser/pen/RwQbdOm Друзья, переходите по ссылке для того, чтобы получить код из видео: https://three.inverser.pro/2-14-for-prod ^ также на данном сайтике будут публиковаться остальные кусочки мозаики, которая позволит создать полноценную планету (из первого видео). ОЧЕНЬ МНОГО ССЫЛОК ПО THREEJS на различные ресурсы с примерами https://three.inverser.pro/links Первое видео (нулевое): https://www.youtube.com/watch?v=UNvoDucprRE Ссылка на список воспроизведения по урокам Three JS с 0 до PRO: https://www.youtube.com/playlist?list=PL0XYm8bdyeFDGJmFeHDiEXsmLfq3vWBaj 00:00 Welcome aboard 01:16 Общая информация 01:40 Особенности линий в WEBGL (OpenGL) на Linux/windows 02:43 Изменения по сравнению с пред. уроком 03:49 Размер render'а теперь зависит от размера canvas 07:07 Что будет ещё на планете? 08:56 Поясняю особенности размера render от canvas 16:55 Как узнать, какой цвет? 21:58 Новые данные в массиве для планеты, каждой линии, "бум", + палочки 27:40 Всё в THREEJS измеряется в метрах 35:12 Немного отладки кода... 40:41 Что ещё было добавлено/изменено в коде? 40:51 Поясняю градиентный шейдер с прозрачностью ThreeJS (WEBGL) 53:28 Позиционирование цилиндра, относительно центра планеты 1:11:07 Особенности появления цилиндра 1:14:15 Поясняю остальной код 1:20:57 Что ещё необходимо добавить? 1:21:46 Fix для определения размера canvas 1:28:20 See you soon