Цифровое образование

Графика: #2/1 Создаём 3D планету в ThreeJS | Курс по Three JS без оплаты! - видео HD

Графика: #2/1 Создаём 3D планету в ThreeJS | Курс по Three JS без оплаты! - видео
00:21:21

editor 9770 роликов

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

00:00 come in;
00:54 Что, к чему и зачем?
01:46 Поясняю код
01:58 Изменение фонового цвета canvas ThreeJS
02:10 Изменение камеры в ThreeJS
02:35 Установка определённой позиции камеры camera.setPosition (откуда ей смотреть)
03:36 Установка позиции таргетирования камеры camera.setViewOffset (куда ей смотреть)
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:39 scene.add(ANY) — добавление объектов на сцену
18:53 Добавление lightHolder — чтобы источники света НЕ вращались вместе с остальными объектами на сцене
21:08 exit;

#three #threejs #js #3d #inverser_threejs

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

Первое видео (нулевое):


Ссылка на список воспроизведения по урокам Three JS с 0 до PRO:
https://www.youtube.com/playlist?list=PL0XYm8bdyeF...

RSS
Нет комментариев. Ваш будет первым!
Загрузка...