#2/2 Создаём 3D планету в ThreeJS | Создание цилиндра | AnimeJS — анимация в 3D

#three #threejs #js #3d #inverser_threejs Большое видео по оптимизации сайтов: https://youtube.com/live/N3lmoftlm1k GitHub окончательного результата для production: https://github.com/inverser-pro/threejs-webgl-planet-for-production Друзья, переходите по ссылке для того, чтобы получить код из видео: https://three.inverser.pro/2-2-planet-animejs-cylinder ^ также на данном сайтике будут публиковаться остальные кусочки мозаики, которая позволит создать полноценную планету (из первого видео). LIFE VIEW: https://codepen.io/inverser/pen/QWaLqPm https://codepen.io/inverser/pen/RwQbdOm SOURCE: https://github.com/inverser-pro/threejs-3d-planet ОЧЕНЬ МНОГО ССЫЛОК ПО 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 hello, guys! 01:00 Добавил AnimeJS в ThreeJS и заанимировал объекты 01:22 Что будем делать в этом уроке? 01:41 Поясняю код (фукнция добавления объектов на планету) 03:03 Позиции элементов 03:38 Разница между основным элементом и другими... 05:31 CylinderBufferGeometry 06:08 Чем отличается CylinderGeometry от CylinderBufferGeometry? 07:26 Чем отличаются вычисления на видеокарте и на процессоре? 09:18 Итог по функции 10:17 Особенности создания 3D-объектов в ThreeJS — заботимся о производительности 11:24 CylinderGeometry — понятие параметров 14:33 CircleBufferGeometry 16:11 Мы уже изучили: Icosahedron, Cylinder, Circle (ну, и света) 17:13 cylinder.lookAt ... (показываю «на пальцах») 23:07 Зачем нужен «родитель» (parent)? 24:41 Анимция в ThreeJS с помощью AnimeJS 28:15 easing анимации AnimeJS — всегда помните о производительности 32:16 Итоги 33:03 Установка animejs из npm 33:15 Подключение animejs вверху файла 32:25 Goodbye