#2/11
#webgl #3d #js #three #threejs #inverser_threejs
GitHub окончательного результата для production:
https://github.com/inverser-pro/three...
Друзья, переходите по ссылке для того, чтобы получить код из видео:
https://three.inverser.pro/2-11-new-c...
^ также на данном сайтике будут публиковаться остальные кусочки мозаики, которая позволит создать полноценную планету (из первого видео).
LIFE VIEW + SOURCE:
https://codepen.io/inverser/pen/JjMxOvb
https://codepen.io/inverser/pen/RwQbdOm
ОЧЕНЬ МНОГО ССЫЛОК ПО THREEJS на различные ресурсы с примерами
https://three.inverser.pro/links
Первое видео (нулевое):
• #0 THREEJS от 0 до PRO уровня БЕЗ ОПЛАТЫ! ...
Ссылка на список воспроизведения по урокам Three JS с 0 до PRO:
• THREEJS полный курс без оплаты! Уровень PRO
00:00 hello, amigo!
02:12 Установка проекта
06:09 Такая планетка (новая) у нас получится в итоге
08:12 Стартуем писать новый код для production варианта планеты
15:47 Прозрачность сцены ThreeJS alpha:true, setClearColor..
16:27 antialis:true в ThreeJS — сглаживание линий (контуров)
19:07 setPath — создание линий в ThreeJS без MeshLine
20:42 Примеры использования: setLength, negate, Triangle, getNormale в Three.JS
22:08 makeTral — создание заливки и применение анимаций к линиям ThreeJS
22:51 Примеры использования: angleTo, applyAxisAngle, addVecrot, setXYZ, computeLineDistance
24:25 makeTrail всё же остался, переписал лишь создание карты на самовызывающуся JS функцию
24:48 Примеры использования: LineDashedMaterial, Float32BufferAttribute
26:16 makeGlobeOfPoints — создание карты планеты из planeBufferGeometry (скругляется шейдером)
27:56 Примеры использования: Spherical, sqrt, multiplyScalar
36:18 Прозрачность шейдерного материала Threejs
36:57 Шейдер кружочков карты планеты (анимация, скругление)
49:26 Добавляю остаток кода и объясняю его
1:05:37 Как создаются и пересоздаются линии и «бум»
1:17:26 Как гуглить (искать) то, что не находится обычным способом?
1:20:31 Проблемы обучения Threejs, сравнение с HTML+CSS
1:22:30 Outro