Skip to content

Three.js Bootcamp - Zero to Mastery

  • 01. Введение

001 - Three.js Bootcamp - От нуля до мастера
  • 02. Начало работы

002 - Примеры Three.js
003 - Подождите... Что такое Three.js
004 - Необходимые знания
005 - Документация Three.js
006 - Пример (разбор, модификация)
  • 03. Основы

007 - Основы Three.js
  • 04. Hello World (ваша первая сцена)

008 - Установка Vite
009 - Настройка Three.js
010 - Сцена
011 - Камера
012 - Рендерер
  • 05. Камера

013 - Стартовый набор
014 - Поле зрения (FOV)
015 - Ближняя и дальняя плоскости (Near и Far)
016 - Orbit Controls (управление орбитой)
017 - Цикл рендера (Render loop)
018 - Ортографическая камера
019 - Другие элементы управления
  • 06. Размер и сглаживание

020 - Изменение размера
021 - Сглаживание - Проблема
022 - Сглаживание - Решение - Часть 1
023 - Сглаживание - Решение - Часть 2
  • 07. Манипуляции с мешами

024 - Стартовый набор
025 - Изменение позиции
026 - Vector3
027 - Изменение масштаба
028 - Иерархия сцены
029 - Вращение - Часть 1
030 - Вращение - Часть 2
  • 08. Анимация мешей

031 - Анимация - Часть 1
032 - Анимация - Часть 2
033 - Другие анимации
  • 09. Меш - Геометрии

034 - Введение
035 - BufferGeometry (буферная геометрия)
036 - Примитивы
037 - Дополнительно - Tweakpane
038 - Материалы vs. текстуры
039 - Типы материалов
040 - MeshBasicMaterial
041 - MeshLambertMaterial и MeshPhongMaterial
042 - MeshStandardMaterial и MeshPhysicalMaterial
  • 10. Текстуры

043 - Настройка
044 - Загрузка текстуры
045 - Повторение текстуры
046 - Смещение текстуры (Offset)
047 - UV-карты
048 - UV-развёртка
049 - PBR-карты
050 - Normal Map (карта нормалей)
051 - Height Map (карта высот)
052 - AO Map (карта окружающей окклюзии)
053 - Собираем всё вместе!
  • 11. Освещение

054 - Введение и Ambient Light (окружающий свет)
055 - Hemisphere Light (полусферический свет)
056 - Directional Light (направленный свет)
057 - PointLight (точечный свет)
058 - SpotLight (прожектор)
059 - Настройка цели SpotLight (Target)
060 - Rect Area Light (прямоугольный источник света)
061 - Собираем всё вместе!
  • 12. Тени

062 - Введение
063 - Добавляем тени
064 - Как работают тени
065 - Свойства теней - Часть 1
066 - Свойства теней - Часть 2
067 - Типы карт теней (Shadow Map)
  • 13. Солнечная система

068 - Планируем наш проект
069 - Добавляем меши
070 - Орбита планеты
071 - Массив планет
072 - Добавляем материалы
073 - Автоматизация генерации мешей
074 - Анимация массива планет
075 - Финальные штрихи!
  • 14. Работа с 3D-моделями

076 - Введение в GLTF
077 - Загрузка модели
078 - Асинхронная загрузка (Load Async)
079 - Изменение свойств загруженной модели
080 - Работа с вложенными мешами
081 - DRACOLoader
  • 15. Создание портфолио на Three.js

082 - Введение и требования
  • 16. Структура кода портфолио

083 - Экспорт и импорт модулей
084 - Создаём классы - Часть 1
085 - Создаём классы - Часть 2
086 - Добавляем объекты
087 - Zustand и изменение размера
  • 17. Прелоадер

088 - Введение
089 - Массив ассетов
090 - Создание AssetStore
091 - Загрузка ассетов
092 - Прогресс прелоадера
093 - UI прелоадера
094 - Собираем всё вместе!
  • 18. Физика

095 - Введение в физику и Rapier
096 - Начало работы
097 - Динамический объект
098 - Неподвижные объекты
099 - Вспомогательные функции для физики
100 - Автовычисление размеров кубоидного коллайдера
101 - Установка абсолютной позиции
102 - Добавление неподвижных объектов
103 - Автовычисление коллайдера шара
104 - Автовычисление Trimesh-коллайдера
105 - Собираем всё вместе!
  • 19. Базовые вводы (Input)

106 - Введение
107 - Контроллер ввода
108 - Использование стрелок на клавиатуре
109 - Предотвращение ненужных обновлений
110 - Управление нашим мешем
111 - Движение динамических тел
112 - Движение кинематических тел
113 - Сравнение контроллеров персонажа
  • 20. Типы персонажей

114 - Введение
115 - Настройка нашего тела
116 - Реализация контроллера персонажа
117 - Учёт частоты кадров (Framerate)
118 - Свойства контроллера персонажа
  • 21. Контроллер камеры

119 - Введение и камера от первого лица
120 - Базовый контроллер от третьего лица
121 - Очистка и Lerp (плавная интерполяция
  • 22. Тело аватара

122 - Ready Player Me
123 - Подготовка ассетов для Mixamo
124 - Добавление анимаций Mixamo
125 - Предпросмотр наших анимаций
126 - Настройка нашего кода
127 - Добавление аватара на сцену
128 - Удаление хитбокса
  • 23. Контроллер анимации

129 - Введение в анимации
130 - Воспроизведение анимации
131 - Карта действий анимации (Action Map)
132 - Переходы между анимациями
133 - Очистка контроллера
  • 24. Создание окружения в Blender

134 - Введение в Blender
135 - Режим редактирования (Edit Mode)
136 - Начинаем нашу сцену
137 - Ландшафт и назначение материалов
138 - Добавление деревьев - Inset и Extrude
139 - Добавление дополнительных объектов
140 - Добавление порталов
141 - Экспорт GLB
142 - Код - Повторение стартового набора
143 - Импорт нашей сцены
144 - Нацеливание на объекты сцены
145 - Добавление теней
  • 25. Интерактивность

146 - Введение и повторение
147 - Настройка порталов
148 - Определение расстояния до игрока
149 - Финальные штрихи