Содержание курса
66
разделов
497
уроков
29 ч.
обн. 1 год назад
Первые шаги
4 урока
1.
Первая сцена и модель
↗
2.
Первая модель на веб-странице
↗
3.
Первый импорт модели
↗
4.
Первое приложение в Интернете
↗
Построй деревню
10 уроков
1.
Заземление мира
↗
2.
Добавление звука
↗
3.
Размещение и масштабирование сетки
↗
4.
Базовый дом
↗
5.
Добавление текстуры
↗
6.
Материал для каждой стороны дома
↗
7.
Комбинация мешов
↗
8.
Копирование мешов
↗
9.
Смена камеры зрителя
↗
10.
Макет веб-приложения
↗
Деревенская анимация
7 уроков
1.
Родители мешов
↗
2.
Создание автомобиля
↗
3.
Материалы для автомобиля
↗
4.
Анимация колес
↗
5.
Анимация автомобиля
↗
6.
Анимация персонажей
↗
7.
Прогулка по деревне
↗
Предотвращение столкновений
1 урок
1.
Как избежать автокатастрофы
↗
Лучшая среда
3 урока
1.
Далекие холмы
↗
2.
Создание неба
↗
3.
Спрайты деревъев
↗
Постройте фонтан из частиц
3 урока
1.
Профиль фонтана
↗
2.
Распыление частиц
↗
3.
Включения событий
↗
Создание дня и ночи
3 урока
1.
Уличные фонари
↗
2.
День и ночь
↗
3.
Добавление теней
↗
Способы просмотра мира
3 урока
1.
Создание осмотра
↗
2.
Следование за персонажем
↗
3.
Переход к виртуализации
↗
Анимация
9 уроков
1.
Введение в анимацию
↗
2.
Создание анимации
↗
3.
Методы анимации
↗
4.
Последовательность анимаций
↗
5.
Группировка анимаций
↗
6.
Объединение анимаций
↗
7.
Анимация персонажей
↗
8.
Расширенные методы анимации
↗
9.
Анимация с использованием цикла рендеринга
↗
Аудио
1 урок
1.
Воспроизведение звуков и музыки
↗
Поведение
2 урока
1.
Поведение камеры
↗
2.
Поведение мешов
↗
Камеры
7 уроков
1.
Введение в камеру
↗
2.
Столкновения камеры
↗
3.
Настройка входов камеры
↗
4.
Множественные просмотры
↗
5.
Маски слоёв и текстуры с несколькими камерами
↗
6.
WebVR камера
↗
7.
Помощник по работе с WebVR
↗
2D элементы управления
3 урока
1.
Управление временной шкалой
↗
2.
Управление изменением размера
↗
3.
Управление фильтром изображения
↗
Разработка с помощью Babylon.js
13 уроков
1.
Справка форума
↗
2.
Версии фреймворка
↗
3.
Поддержка NPM
↗
4.
Встряхивание деревьев (бери то, что тебе нужно)
↗
5.
Рабочие нагрузки
↗
6.
Использование VSCode
↗
7.
Проверочные тесты
↗
8.
Утвержденные соглашения об именах
↗
9.
Использование игровой площадки для разработки Babylon.js
↗
10.
Внесите свой вклад в API
↗
11.
Внести свой вклад в документацию
↗
12.
Создайте материал для библиотеки материалов
↗
13.
Создайте процедурную текстуру для библиотеки процедурных текстур
↗
Среда
7 уроков
1.
Введение в окружающую среду
↗
2.
Скайбоксы
↗
3.
Фоновые материалы
↗
4.
Блики
↗
5.
Отражательные зонды
↗
6.
Создание фоток в 360
↗
7.
Создание видосов в 360
↗
Events (События)
3 урока
1.
Actions
↗
2.
Observables
↗
3.
Promises
↗
GUI
5 уроков
1.
Графический интерфейс Babylon
↗
2.
Средство просмотра прокрутки
↗
3.
Загрузчик XML
↗
4.
Селекторы
↗
5.
Babylon 3D GUI
↗
Методы управления
3 урока
1.
Геймпады
↗
2.
Виртуальные джойстики
↗
3.
Диспетчер источников устройств
↗
Импорт активов
9 уроков
1.
Загрузка файлов любого типа
↗
2.
Плагин загрузчика файлов .glTF
↗
3.
Плагин загрузчика файлов .stl
↗
4.
Плагин загрузчика файлов .obj
↗
5.
Система инкрементальной загрузки
↗
6.
Создайте свой собственный импортер файлов
↗
7.
Asset Manager
↗
8.
Asset Containers
↗
9.
Постепенно загружайте файлы .glTF
↗
Свет в babilon.js
4 урока
1.
Введение в систему света в babylon.js
↗
2.
Тени
↗
3.
Каскадные карты теней
↗
4.
Постпроцесс объемного светорассеяния
↗
Использование материалов
16 уроков
1.
введение в материалы
↗
2.
Применение карт Bump, Opacity, Tiling и Detail
↗
3.
Отображение параллакса
↗
4.
Применение материалов к отдельным лицам
↗
5.
Применение разных материалов спереди и сзади
↗
6.
Мультиматериалы
↗
7.
Динамические текстуры
↗
8.
Видео текстуры
↗
9.
Режимы наложения
↗
10.
Введение в физический рендеринг (PBR)
↗
11.
Среда HDR для PBR
↗
12.
Освоение физического рендеринга (PBR)
↗
13.
Отражения и преломления
↗
14.
Параметры Френеля
↗
15.
Процедурные текстуры
↗
16.
Сжатые текстуры KTX2
↗
Узлы материалов
7 уроков
1.
Материалы узла
↗
2.
Материал узла и PBR
↗
3.
Постпроцессы материалов узлов
↗
4.
Процедурные текстуры материалов узлов
↗
5.
Шейдеры частиц материалов узлов
↗
6.
Доступные узлы (блоки)
↗
7.
Использование материала узла с частицами
↗
Современные материалы
9 уроков
1.
Как работают материалы
↗
2.
Материалы и вершины
↗
3.
Создание пользовательских процедурных текстур
↗
4.
Создать пакет текстур
↗
5.
Понимание карт нормалей
↗
6.
Прозрачный рендеринг
↗
7.
Необработанные текстуры
↗
8.
Средство визуализации глубины
↗
9.
Буфер логарифмической глубины
↗
Мешы
18 уроков
1.
Рисование ограничивающих рамок
↗
2.
Наклейки
↗
3.
Выделение мешов
↗
4.
Делаем мешы светящимися
↗
5.
Объединение мешов
↗
6.
Рисование кривых
↗
7.
Path 3D
↗
8.
Facet Data
↗
9.
Уровни детализации (LOD)
↗
10.
Динамическое преобразование меша
↗
11.
Морфинг-метки
↗
12.
Кости и скелеты
↗
13.
Слои рендеринга
↗
14.
Гизмы
↗
15.
Упрощение мешов с помощью Auto-LOD
↗
16.
Края рендеринга
↗
17.
Следы мешов
↗
18.
Взрывные мешы
↗
Создание мешов: создание набора форм
15 уроков
1.
Создание форм набора
↗
2.
Коробка
↗
3.
Плиточный ящик
↗
4.
Сфера
↗
5.
Цилиндр
↗
6.
Капсула
↗
7.
Плоскость
↗
8.
Создание плиточной плоскости
↗
9.
Создание диска
↗
10.
Создание тора
↗
11.
Создание торового узла
↗
12.
Создание земли
↗
13.
Создание грунта на основе карты высот
↗
14.
Подробнее о картах высот
↗
15.
Создание плиточного грунта
↗
Создание мешов: Создание параметрических мешов
13 уроков
1.
Линии
↗
2.
Пунктирные линии
↗
3.
Линейная система
↗
4.
Лента
↗
5.
Лента в деталях
↗
6.
Ленты с математикой
↗
7.
Трубка
↗
8.
Экструзия
↗
9.
Индивидуальная экструзия
↗
10.
Токарный станок
↗
11.
Неправильный многоугольник
↗
12.
Экструзия полигонов
↗
13.
Конструктор многоугольной сетки
↗
Создание фигур многогранников
5 уроков
1.
Предоставленные многогранники
↗
2.
Пользовательские многогранники
↗
3.
Icosphere
↗
4.
Геодезические многогранники
↗
5.
Многогранники Гольдберга
↗
Создание мешов: Создание пользовательских мешов
3 урока
1.
Создание пользовательской мешов с нуля
↗
2.
Обновление вершин
↗
3.
Нормали вершин
↗
Преобразования мешов: в центре внимания Created Origin
9 уроков
1.
Расположить меш
↗
2.
Вращение меша
↗
3.
Последовательность вращений
↗
4.
Кватернионы вращения
↗
5.
Выравнивание целевых осей
↗
6.
Соглашения о ротации
↗
7.
Введение в преобразование координат
↗
8.
Примеры преобразования координат
↗
9.
Превращения в выпечку
↗
Родители и опоры
4 урока
1.
Преобразовать узел
↗
2.
Родители и дети
↗
3.
Повороты
↗
4.
Повернуть вокруг оси
↗
Копии, клоны, и экземпляры, мешов
4 урока
1.
Клоны
↗
2.
Использование SPS для клонирования
↗
3.
Экземпляры
↗
4.
Тонкие экземпляры
↗
Взаимодействия мешов
2 урока
1.
Пересечения мешов
↗
2.
Выбор меша
↗
Запросы окклюзии
1 урок
1.
Запросы окклюзии
↗
Система частиц
11 уроков
1.
Введение в систему частиц
↗
2.
Основные свойства частиц
↗
3.
Изменение свойств частиц с течением времени
↗
4.
Излучатели формы
↗
5.
Анимация частиц
↗
6.
Настройка частиц
↗
7.
Помощник частиц
↗
8.
Цветовые палитры и переходы, а также режим афиши
↗
9.
Отправить эмитенты
↗
10.
Частицы GPU
↗
11.
Сервер фрагментов частиц
↗
Система твердых частиц
14 уроков
1.
Введение в SPS
↗
2.
SPS анимации
↗
3.
Управление SPS
↗
4.
Управление частицами SPS
↗
5.
Материал SPS
↗
6.
Неизменяемый SPS
↗
7.
SPS из фасетов меша
↗
8.
Обновить форму частицы
↗
9.
Уборка частиц SPS
↗
10.
SPS Физика
↗
11.
Оптимизировать SPS
↗
12.
Расширяемый SPS
↗
13.
Проблемы видимости SPS
↗
14.
Проблемы прозрачности СФС
↗
Система облака точек
4 урока
1.
Введение в PCS
↗
2.
Создание АСУ ТП
↗
3.
Управление АСУ ТП
↗
4.
Управление частицами PCS
↗
Физика в babylon.js
8 уроков
1.
Использование физического движка
↗
2.
Силы
↗
3.
Суставы
↗
4.
Повороты и оси
↗
5.
Составные тела
↗
6.
Мягкие тела
↗
7.
Расширенные возможности физики
↗
8.
Добавьте свой собственный физический движок
↗
Пост-процессы
9 уроков
1.
Использование пост-процессов
↗
2.
Как использовать конвейер рендеринга постобработки
↗
3.
Использование конвейера рендеринга SSAO
↗
4.
Использование стандартного конвейера рендеринга(без ограничений)
↗
5.
Использование конвейера рендеринга по умолчанию
↗
6.
Глубина резкости и другие эффекты линз
↗
7.
Пост-процесс размытия движения
↗
8.
Постпроцесс отражения экранного пространства (SSR)
↗
9.
Визуализация целевой текстуры с помощью нескольких проходов
↗
Сцены в babylon.js
17 уроков
1.
Как быстро построить мир
↗
2.
Взаимодействие со сценами
↗
3.
Использование нескольких сцен
↗
4.
Использование нескольких полотен
↗
5.
Применение дельта-изменений к сцене
↗
6.
Создание собственных загрузочных экранов
↗
7.
Оптимизация сцены
↗
8.
Оптимизатор сцены
↗
9.
Оптимизация с помощью Octrees
↗
10.
Оптимизация с использованием кэшированных ресурсов
↗
11.
Уменьшение объема памяти
↗
12.
Использование Offscreen Canvas
↗
13.
Рендеринг сцен в файлы .png
↗
14.
Рендеринг сцен в видео
↗
15.
Использование плоскостей отсечения
↗
16.
Визуализация сцен на удаленном сервере
↗
17.
Глубокая маска слоя
↗
Спрайты
10 уроков
1.
Введение в спрайты
↗
2.
Менеджер спрайтов
↗
3.
Упакованный спрайт менеджер
↗
4.
Выбор спрайта
↗
5.
Карта спрайтов
↗
6.
Макет плитки карты спрайтов
↗
7.
Параметры карты спрайтов
↗
8.
Анимация спрайтов
↗
9.
Пример карты спрайтов
↗
10.
Сервер фрагментов спрайтов
↗
Теги
1 урок
1.
Теги
↗
WebXR
9 уроков
1.
Введение в WebXR
↗
2.
Возможности WebXR(VR)
↗
3.
Помощники по работе с WebXR
↗
4.
Менеджеры сессий WebXR
↗
5.
Камера WebXR
↗
6.
Менеджер функций WebXR
↗
7.
Демонстрации и примеры WebXR
↗
8.
Поддержка контроллеров WebXR
↗
9.
Возможности дополненной реальности WebXR
↗
Продвинутые темы
6 уроков
1.
Формат файла .babylon
↗
2.
Создание миниатюрной версии Babylon.js
↗
3.
Метрика глубины при рендеринге теней
↗
4.
Многоплатформенные сжатые текстуры
↗
5.
WebGL2
↗
6.
Запуск Babylon.js на сервере
↗
Шейдеры в babylon.js
6 уроков
1.
Введение в шейдеры
↗
2.
Внесение кода шейдера в Babylon.js
↗
3.
Использование ShaderMaterial
↗
4.
Использование тумана с шейдерными материалами
↗
5.
Обработка изображений
↗
6.
Вычислить шейдеры
↗
WebGPU
7 уроков
1.
WebGPU статус
↗
2.
Критические изменения
↗
3.
Вычисление шейдеров
↗
4.
Написание шейдеров в WGSL
↗
5.
Ограничения
↗
6.
Оптимизация
↗
7.
Внутренние компоненты WebGPU
↗
Инструменты
8 уроков
1.
Детская площадка
↗
2.
Инспектор
↗
3.
Редактор материалов узла
↗
4.
Редактор частиц
↗
5.
Редактор спрайтов
↗
6.
Инспектор текстур
↗
7.
Просмотр скелетов
↗
8.
Профилировщик производительности
↗
Библиотеки активов
2 урока
1.
Библиотека мешов
↗
2.
Библиотека текстур
↗
Библиотека материалов
13 уроков
1.
Огонь
↗
2.
Воды
↗
3.
Лава
↗
4.
Шерсть
↗
5.
Нормальный материал
↗
6.
Земля
↗
7.
Tri-Planar
↗
8.
Градиент
↗
9.
Небо
↗
10.
Сетка
↗
11.
Только тень
↗
12.
Затенение ячеек
↗
13.
Смешивание
↗
Библиотека постпроцесса
2 урока
1.
Ascii Art
↗
2.
Цифровой дождь
↗
Библиотека процедурных текстур
7 уроков
1.
Кирпич
↗
2.
Облако
↗
3.
Огонь
↗
4.
Трава
↗
5.
Мрамор
↗
6.
Дорога
↗
7.
Древесина
↗
Служебные функции
17 уроков
1.
Площадь поверхности сетки
↗
2.
Разобрать сетку
↗
3.
Фоторамка
↗
4.
Увеличить грани
↗
5.
Создание точек внутри сетки
↗
6.
Проверить, когда точка находится внутри меша
↗
7.
Как нарисовать линию с заданной шириной
↗
8.
Принудительно общие вершины
↗
9.
Экструзия с острыми углами
↗
10.
Отображение нормалей вершин
↗
11.
Открыть URL-адрес события
↗
12.
Отображает касательную, нормальную и бинормальную для Path3D
↗
13.
Поворот и масштабирование относительно точки
↗
14.
Рисует сектор круга
↗
15.
Сферическая панорамная камера
↗
16.
Рисование точек на поверхности сетки
↗
17.
Показать мировые оси
↗
Введение в создание игр на babylon.js
18 уроков
1.
Введение в создание игр
↗
2.
Подготовка к настройке
↗
3.
Настройка конечного автомата
↗
4.
Простое игровое состояние
↗
5.
Камера игрока
↗
6.
Движение персонажа
↗
7.
Импорт мешов
↗
8.
Фонари
↗
9.
Столкновения и триггеры
↗
10.
Графический интерфейс игры
↗
11.
Анимации
↗
12.
Системы частиц
↗
13.
Музыка и звуковые эффекты
↗
14.
Дополнительные особенности
↗
15.
Переход на кроссплатформенность
↗
16.
Представление
↗
17.
Процесс проектирования
↗
18.
В заключение
↗
Видео-туториалы
11 уроков
1.
Понимание основ 3D в Интернете
↗
2.
Понимание основ WebGL
↗
3.
Понимание материалов и входных данных
↗
4.
Интеграция игрового конвейера с Babylon.js
↗
5.
Использование Babylon.js для начинающих
↗
6.
Загрузка активов
↗
7.
Расширенные возможности Babylon.js
↗
8.
Спецэффекты
↗
9.
Видео курсы
↗
10.
3D-программирование с помощью WebGL и Babylon.js для начинающих
↗
11.
Серия игр в реальном времени RTS
↗
Мастерская babylon.js
16 уроков
1.
Математика геодезических и многогранников Гольдберга
↗
2.
Геодезика и многогранники Гольдберга
↗
3.
Изготовление простого автомобиля
↗
4.
Создание простого автомобиля с приводом
↗
5.
Разработка дома из планов
↗
6.
Как построить дом из планов
↗
7.
Добавление крыши
↗
8.
Построение пути, по которому будет двигаться экипаж
↗
9.
Дизайн для создания трека
↗
10.
Введение в разработку системы защиты от столкновений
↗
11.
Проблемы, возникающие при столкновении частиц
↗
12.
Столкновения внутри меша
↗
13.
Столкновения медленно движущихся частиц
↗
14.
Столкновения свободно движущихся частиц
↗
15.
Простая VR-игра
↗
16.
Волновой паттерн шейдера
↗
Расширения
5 уроков
1.
Подключаемый модуль для видео в Azure Media Player 360
↗
2.
Писатель меша
↗
3.
Интеграция Babylon.js с CMS
↗
4.
Текстура canvas
↗
5.
glTF Exporter
↗
Наблюдатель Babylon.js
5 уроков
1.
Настройка Viewer
↗
2.
Система шаблонов Viewer
↗
3.
Измените программу просмотра Babylon.js
↗
4.
Расширенное использование средства просмотра
↗
5.
Примеры просмотра
↗
CastorGUI V2.0 (ECEMAScript 6)
20 уроков
1.
GUIButton
↗
2.
GUICheckbox
↗
3.
GUIColor
↗
4.
GUIDialog
↗
5.
GUIFieldset
↗
6.
GUIGroup
↗
7.
GUILabel
↗
8.
GUIManager
↗
9.
GUIMeter
↗
10.
GUIPanel
↗
11.
GUIProgress
↗
12.
GUIRadio
↗
13.
GUISelect
↗
14.
GUISlider
↗
15.
GUISpinner
↗
16.
GUIText
↗
17.
GUITextarea
↗
18.
GUITextfield
↗
19.
GUITextures
↗
20.
GUIWindow
↗
Система клонирования
5 уроков
1.
RadialCloner
↗
2.
LinearCloner
↗
3.
MatrixCloner
↗
4.
ObjectCloner
↗
5.
RandomEffector
↗
Динамические ландшафты
2 урока
1.
Добавление объектов на динамический ландшафт
↗
2.
Примеры динамического ландшафта
↗
Система навигации толпы
3 урока
1.
Создание навигационного меша
↗
2.
Крауд-агенты
↗
3.
Добавление и удаление препятствий
↗
Генераторы деревьев
3 урока
1.
Простой генератор сосны
↗
2.
Генератор дерева SPS
↗
3.
Быстрый генератор деревьев
↗
Редактор
13 уроков
1.
Начало работы с редактором
↗
2.
Объяснение рабочего процесса
↗
3.
Добавление текстур
↗
4.
Добавление материалов
↗
5.
Использование панели активов
↗
6.
Пользовательские скрипты
↗
7.
Добавление анимации
↗
8.
Использование Навигатора
↗
9.
Создание префабов
↗
10.
Редактирование префабов
↗
11.
Использование редактора системы частиц
↗
12.
Использование GraphEditor
↗
13.
Использование расширения Photoshop
↗
Экспортеры
11 уроков
1.
3DSMax
↗
2.
3DSMax в glTF
↗
3.
Из Blender в экспортер Babylon.js
↗
4.
Советы по Blender
↗
5.
Блендер в glTF
↗
6.
Экспорт костей из 3D MAX
↗
7.
Cheetah3D
↗
8.
Maya
↗
9.
Maya to glTF
↗
10.
Mixamo в Blender в Babylon.js
↗
11.
Сохраните вашу сцену или меши
↗
Babylon.js + Внешние библиотеки
9 уроков
1.
Babylon.js и мгновенные игры Facebook
↗
2.
Babylon.js и Ionic Angular
↗
3.
Babylon.js и Pixi.js
↗
4.
Babylon.js и Poki
↗
5.
Babylon.js и React
↗
6.
Babylon.js внутри React Native
↗
7.
Babylon.js и VRM
↗
8.
Запуск локального веб-сервера для BabylonJs
↗
9.
BabylonJS и CesiumJS
↗
BabylonJS и Vue
5 уроков
1.
BabylonJS и Vue - основы
↗
2.
BabylonJS и Vue - передача данных
↗
3.
BabylonJS и Vue - методы асинхронной сцены
↗
4.
BabylonJS и Vue - сцена, управляемая сообщениями
↗
5.
BabylonJS и Vue - ссылки на руководства
↗
Набор инструментов Unity
14 уроков
1.
Введение в Unity
↗
2.
Экспортер сцен
↗
3.
Создание проектов
↗
4.
Компоненты скрипта
↗
5.
Менеджер сцены
↗
6.
Шейдерные материалы
↗
7.
Компоненты физического коллайдера
↗
8.
Строитель ландшафта
↗
9.
Система анимации
↗
10.
Префабы
↗
11.
Статическое дозирование
↗
12.
Навигации меша
↗
13.
Платформа Windows
↗
14.
Художественные инструменты
↗