Скачать или смотреть #2/6. Создание анимированных линий (MeshLine) в ThreeJS

#webgl #3d #js #three #threejs #inverser_threejs

Большое видео по оптимизации сайтов:
https://youtube.com/live/N3lmoftlm1k

GitHub окончательного результата для production:
https://github.com/inverser-pro/three...
Друзья, переходите по ссылке для того, чтобы получить код из видео:
https://three.inverser.pro/2-6-meshline
^ также на данном сайтике будут публиковаться остальные кусочки мозаики, которая позволит создать полноценную планету (из первого видео).

LIFE VIEW:
https://codepen.io/inverser/pen/QWaLqPm
https://codepen.io/inverser/pen/RwQbdOm
SOURCE // код из предыдущих видео //:
https://github.com/inverser-pro/three...

ОЧЕНЬ МНОГО ССЫЛОК ПО THREEJS на различные ресурсы с примерами
https://three.inverser.pro/links

Первое видео (нулевое):
   • #0 THREEJS от 0 до PRO уровня БЕЗ ОПЛАТЫ! ...  
Ссылка на список воспроизведения по урокам Three JS с 0 до PRO:
   • THREEJS полный курс без оплаты! Уровень PRO  

00:00 Hallo, mein Freund
00:55 Новая стартовая сцена. Показываю на ней MeshLine
01:36 Разница между canvas-sketch и Three.js Starter
02:22 Three.js Starter — прострая стартовая сцена
04:54 Общая информация о three.meshline
06:57 Напоминаю, какую именно планету мы пытаемся создать
07:28 Установка и подключение three.meshline
07:58 Как установить новую стартовую сцену Three.js Starter и начать писать код
11:30 Подробнее о MeshLine
12:25 Что мы уже сделали сейчас?
12:57 Поясняю функции построения наших линий
19:12 Посняю код из примера MeshLine на github
20:42 MeshLineMaterial
21:32 Что нужно для создания MeshLine в ThreeJS (итог)
24:05 Как происходит анимация линий в Three.JS?
24:42 Ещё раз о функциях
25:24 Немного случайный цвет линий (random color)
28:13 QuadraticBezierCurve3
33:28 Мы научились создавать MeshLine
35:32 Важная особенность three.meshline!
37:17 Попытка переноса кода этого урока в наш код планеты
46:08 Подвожу общий итог урока
47:07 !!! Полный перенос кода на Three.js Starter
54:24 Показываю наш созданный MeshLine в действии на планете уже!
55:02 Bis bald mein Freund