#2/1 Создаём 3D планету в ThreeJS | Курс по Three.JS без оплаты!

#three #threejs #js #3d #inverser_threejs

Большое видео по оптимизации сайтов:

GitHub окончательного результата для production:
Друзья, переходите по ссылке для того, чтобы получить код из видео:
^ также на данном сайтике будут публиковаться остальные кусочки мозаики, которая позволит создать полноценную планету (из первого видео).

LIFE VIEW:
SOURCE:

ОЧЕНЬ МНОГО ССЫЛОК ПО THREEJS на различные ресурсы с примерами

Первое видео (нулевое):
Ссылка на список воспроизведения по урокам Three JS с 0 до PRO:

00:00 come in;
00:54 Что, к чему и зачем?
01:46 Поясняю код
01:58 Изменение фонового цвета canvas ThreeJS
02:10 Изменение камеры в ThreeJS
05:39 OrbitControls — управление объектами на сцене
06:39 lightHolder — группа в ThreeJS (для удерживания источника света в одной и той же позиции, при вращении объектов на сцене)
07:37 IcosahedronGeometry в ThreeJS
09:05 DirectionalLight в ThreeJS
11:06 Пояснение относительно создания «прозрачного» объекта в качестве «родительского» для других на сцене — для анимации затем всех элементов
14:12 Видимая сфера (синяя) SphereBufferGeometry
15:26 Пояснение создание камеры и всех остальных объектов на сцене
16:14 Пояснение размеров самой «планеты» (чтобы были видны точечки карты планеты)
18:53 Добавление lightHolder — чтобы источники света НЕ вращались вместе с остальными объектами на сцене
21:08 exit;

[Scribo_Translittore]

а у тебя orbit камеры на кнопках мыщи сразу из коробки с three.js был, у меня нету но я библиотеку давно скачивал, может года два или три назад, надо обновить версию