Подготовка инструментов

• Подготавливаем проект
• Настройка локального API
• Установка Prettier
• Обновление Vue до версии 3
• Структура проекта

Регистрация

• Разметка страницы регистрации
• Redux и Vuex
• Создание Vuex модуля авторизации
• Vuex actions
• Добавляем API запрос на регистрацию
• Улучшение страницы регистрации
• Сохранение токена авторизации
• Отрисовываем ошибки валидации

Авторизация

• Рефакторизируем именование
• Добавляем страницу логина
• Создаем верхнее меню
• Getters в Vuex
• Получение текущего пользователя от API

Фид

• Подготавливаем фид
• Отрисовываем фид
• Реализуем пагинацию
• Высчитываем offset
• Реализуем популярные теги
• Добавляем вспомогательные компоненты
• Создаем мой фид и тег фид
• Добавляем переключатель между фидами

Страницы поста

• Создаем страницу отдельного поста
• Добавляем удаление поста
• Добавляем список тегов
• Создаем форму поста
• Добавляем страницу создания поста
• Добавляем страницу редактирования поста

Профили

• Реализуем страницу настроек
• Namespaced в Vuex
• Реализуем лайки и дизлайки постов
• Создание профиля пользователя

Что делать дальше?

• Домашнее задание
• Бонус лекция

Фундаментальные основы JavaScript

• Что будет на курсе? Домашние задания. Вопросы. Тесты.
• Что будет на курсе? Обзор проектов.
• Коммуникация. Обновление домашних заданий.
• Установка и настройка редактора Visual Studio Code
• Подключение скриптов
• Типы данных
• Переменные
• Преобразование типов
• Числа
• Домашнее задание на числа
• Строки
• Шаблонные строки
• Домашнее задание на строки
• Введение в объекты
• Домашнее задание на объекты.
• Логические операторы, if statement
• Домашнее задание. "Логические операторы, if statement"
• Тернарный оператор. Конструкция switch case
• Домашнее задание по тернарным операторам и switch case
• Циклы
• Домашнее задание по циклам.
• Тест по основам №1
• Введение в функции
• Дополнение к лекции по функциям
• Практическое задание по функциям.
• Практическое задание по функциям.
• Практическое задание по функциям
• Практическое задания по функциям
• Пример решения заданий по функциям из упражнений по написанию кода.
• Методы массивов
• Практическое задания на методы массивов.
• Практическое задание по методам массивов.
• Практическое задания по методам массивов.
• Практическое задание по методам массивов.
• Пример решения заданий по методам массивов из упражнений по написанию кода.
• Функции высшего порядка. Callback.
• Практическое задание по функциям высшего порядка
• Практическое задание по функциям высшего порядка
• Пример решения задач по функиям высшего порядка.
• Что такое this. Контекст вызова функции.
• Домашнее задание по this
• Стрелочные функции
• Домашнее задание по стрелочным функциям
• Перебирающие методы массивов
• Домашнее задание по перебирающим методам массивов
• Что такое замыкание
• Домашнее задание по замыканию
• Методы объектов про которые часто забывают.
• Деструктуризация
• Домашнее задание по деструктуризации
• Object descriptor
• Объекты обертки. Важные нюансы.
• Разбор домашних заданий. Условия, циклы, функции.
• Разбор домашних заданий. Функции высшего порядка, ключевое слово this.
• Разбор домашних заданий. Перебирающие методы массивов.
• Разбор домашних заданий. Замыкание.
• Тест по основам №2

DOM Манипуляция элементами и события

• Введение в DOM
• Домашнее задание по введению в DOM
• Работа с атрибутами элементов
• Манипуляция DOM элементами
• Домашнее задание. Манипуляция DOM. Часть №1.
• Домашнее задание. Манипуляция DOM. Часть №2.
• Домашнее задание. Манипуляция DOM. Часть №3
• Обработка событий
• Всплытие и погружение события
• Домашнее задание. События. Часть №1
• Домашнее задание. События. Часть №2
• Домашнее задание. События. Часть №3
• Первый проект. Todo List. Часть №1
• Первый проект. Todo List. Часть №2
• Как работать с css variables из javascript
• Добавим в наш проект Todo List возможность выбора темы.
• LocalStorage, SessionStorage
• Домашнее задание. DOM. Часть №1.
• Тест на знание DOM
• Разбор домашних задания. DOM. Часть №1.
• Разбор домашних заданий. DOM. Часть №2

Асинхронный JavaScript. Часть №1

• Введение в асинхронность. Что такое event loop?
• Введение в Ajax
• Домашнее задание. AJAX. Часть №1
• Разбор Домашнего Задания. AJAX. Часть №1
• Post запросы
• Домашнее задание. AJAX. Часть №2
• Отладка Ajax
• Что такое CORS
• Обработка ошибок
• Важно! Прочитайте перед тем как перейти к приложению News App.
• Проект News App. Вступление.
• Проект News App. Часть 1.
• Проект News App. Часть 2
• Домашнее задание к проекту News App.
• Тест по асинхронности

Асинхронный JavaScript. Часть №2

• Введение в Promises. Часть 1.
• Введение в Promises. Часть 2.
• Введение в fetch.
• Введение в async await

ООП

• Введение в ООП. Функции конструкторы. Классы ES5.
• Prototype ES5
• Наследование ES5
• Классы ES6.
• Наследование ES6

Модули

• Введение в webpack
• Модули import/export
• Инкапсуляция. Введение.
• Инкапсуляция. Часть №1.
• Инкапсуляция. Часть №2.
• Проект Avia Tickets. Часть №1
• Проект Avia Tickets. Часть №2
• Проект Avia Tickets. Часть №3. Создание UI для формы.
• Проект Avia Tickets. Часть №4. Реализация функционала формы.
• Проект Avia Tickets. Часть №5. Вывод билетов на страницу
• Домашнее задание по проекту Avia Tickets
• Deployment проекта. Github pages. Firebase

Аутентификация

• Проект Login. Часть №1. Введение.
• Проект Login. Часть №2. Валидация формы.
• Проект Login. Часть №3. Реализуем запрос на сервер.
• Проект Login. Часть №4. Реализуем вывод уведомлений
• Interceptors. Введение.
• Interceptors. Реализация в проекте Login.
• Домашнее задание к проекту Login

Работа в команде. Git. Scrum.

• Введение в Git
• Git Config
• Как устроен гит под капотом. Создание репозитория. Первые commits.
• Создание веток. Мерж веток. Gitignore.
• Подключение локального репозитория к remote.
• Подключение ssh ключей к remote репозиторию
• Git flow. Pull request
• Конфликты, как их исправлять.
• Git README.md. Синтаксис markdown
• Методология Scrum

Подробней про стиль кода и линтеры. Eslint. Husky. Lint staged. Git hooks.

• Введение в раздел
• Eslint установка и базовая настройка
• Eslint правила, окружение, настройка редактора.
• Настраиваем Husky и Lint staged, что-бы в наш репозиторий не попал плохой код

Тестирование на JavaScript

• Тестирование. Вступление.
• Тестирование. Установка Jest. Первый тест.
• Тестирование. Проект Avia Tickets, установка и первый тест.
• Тестирование. Проект Avia Tickets, тестируем Location Store
• Тестирование. Проект Avia Tickets, Тестируем Api Service

Введение

• Что такое Vue.js ?
• О среде разработки
• Создание простого Vue-приложения

Основы Vue.js

• Данные и методы
• Привязка данных
• События
• События. Передача параметров в методы
• Модификаторы событий
• Модификаторы событий клавиатуры
• Двусторонняя привязка данных
• Условный рендеринг
• Списки и циклы
• Вычисляемые свойства и слежение
• Refs и управление html-элементами
• Множественные экземпляры Vue
• Строковый шаблон template
• Связывание CSS классов
• Связвание inline-стилей
• Жизненный цикл Vue-приложения
• Исходные коды к разделу "Основы Vue.js"

Vue CLI

• Что такое Vue CLI ?
• Установка CLI и создание проекта
• Струтура и запуск проекта

Компоненты

• Введение в компоненты
• Функция data ()
• Регистрация компонентов (глобальная и локальная)
• Компоненты и .vue файлы
• Передача параметров в дочерний компонент
• Валидация входящих параметров
• Пользовательские события
• Использование event emitter
• Изолированные стили
• Слоты
• Исходные коды к разделу "Компоненты"

Директивы

• Создание пользовательской директивы
• Параметры и аргументы в директивах

Фильтры и миксины

• Создание фильтров
• Фильтрация списков
• Миксины

Vue-router

• Установка и настройка Vue-router
• Создание навигации

Практика

• Создание проекта
• Создание навигационного меню
• Создание ссылок
• Адаптация меню
• Создание страниц и роутов
• Реализация страницы "Логин"
• Реализация страницы "Регистрация"
• Реализация "Главной" страницы
• Реализация страницы "Заказов"
• Реализация страницы "Новый товар"
• Реализация страницы "Список товаров"
• Реализация страницы "Описание товара"
• Подключение и настройка Vuex
• Реализация vuex.store для главной страницы и списка товаров
• Реализация vuex.store для страницы описания товара
• Реализация vuex.store для страницы по добавление новых товаров
• Подключение и настройка Firebase
• Атворизация пользователя в Firebase
• Обработка ошибок
• Продление сессии пользователя
• Защита ссылок от случайных переходов
• Добавление товаров в Firebase
• Загрузка товаров из Firebase
• Работа с изображениями в Firebase
• Реализация диалогового окна для редактирования товаров
• Запрет на редактирование товаров другими пользователями
• Реализация диалогового окна для покупки товаров
• Создание и обработка заказов
• Доработка Vue приложения
• Исходный код к готовому Vue приложению

Бонус

• Подключение препроцессора
• Деплой Vue приложения на хостинг Firebase

Введение

• Знакомство с тестовым заданем
• Установка Laravel. Настройка OpenServer

Заполняем таблицы данными

• Заполняем таблицы данными
• Рефакторинг миграций

Основы git. Установка и настройка дополнительных библиотек.

• GIT и GitHub. Создаем локальный и удаленный репозитории
• Laravel dev package, Vue.js scaffolding
• Устанавливаем Bootstrap5, BootstrapIcons, FontAwesome, Vuex

Реализуем страницы сайта

• Первая страница сайта. Разметка и стили
• Первая страница сайта. Шаблон blade, Scope, оптимизация запросов к БД
• Создание кастомной даты
• Страница каталога статей, отдельной статьи, поиск по тегу, активные ссылки

Vue JS и VUEX

• Vue JS и VUEX - подготовка проекта
• Компонент отдельной статьи. API роуты. Ресурсы моделей
• Продолжаем делать компонент отдельной статьи
• Компоненты лайков и просмотров статьи
• Компонент комментария. Custom request. Локализация ошибок валидации. Очереди
• Разделяем хранилище (state) на модули

Язык HTML

• Введение
• Установка браузера и редактора кода
• Обзор функций редактора
• Первые HTML теги
• Как задавать путь к файлу
• Задание
• Создание списка
• Создание таблиц
• Работа с текстом
• Задание
• Создание формы
• Универсальные атрибуты
• Цвет RGB и спецсимволы
• Подведение итогов изучения HTML
• Вопросы к главе по языку HTML

Язык CSS

• CSS селекторы
• Работа с изображениями
• Границы
• Размеры элементов
• Работа с шрифтом
• Блочная модель документа
• Псевдоклассы и псевдоэлементы
• Основы CSS Flexbox
• Адаптивная версия сайта, Создание своей сетки
• Задание по работе с сеткой
• Вопросы к главе по языку CSS

Практика по HTML и CSS

• Практическое занятие 1
• Домашнее задание 1
• Практическое занятие 2
• Домашнее задание 2
• Практическое занятие 3
• Домашнее задание 3
• Урок по Photoshop
• Практическое занятие 4
• Домашнее задание 4
• Заключение
• Вопросы к главе с практическими заданиями
• Дополнительные материалы

Основы языка JavaScript

• Введение в JavaScript. Работа с консолью разработчика, создание переменных
• Строковый и логический тип данных
• Шаблонные строки, Случайные числа, Округление чисел
• Массивы
• Объекты
• Диалоговые окна, Условия, Тернарный оператор, Переключатель Switch
• Циклы (5 видов)
• Функции и решение 6 задач
• Работа с датой и временем
• Документация кода на JSDoc и Исключения
• Объектно-Ориентированное Программирование, Прототип, Конструктор, Класс
• Возможности ECMAScript 2015 (ES6)

Работа с DOM деревом JavaScript

• Введение
• Выбор элемента DOM
• Атрибуты, Создание элементов
• Генерация вложенных списков
• Календарь
• Задание
• Сортировка таблицы
• Часы
• Классы и метрики
• Таблица с журналами
• Номера из объекта
• Вывод карточек с сортировкой
• Вывод карточек людей
• Карточки с днями рождения
• Таймер с прогрессбаром
• Генератор имен
• Локальное хранилище (localStorage)

Обработка события на JavaScript

• Обработчики событий
• Скрыть / Показать элемент
• Простой слайдер
• Тёмная тема
• Не jQuery
• Фазы события и Делегирование
• Счётчик
• Переключатель
• Удаление карточек
• Разворачиваемые подменю
• Сортировка таблицы
• Всплывающая подсказка
• Отмена стандартного поведения
• Сочетание клавиш
• Выделение через CTRL
• Range-Слайдер
• События клавиатуры
• Работа с формами
• Фокус и потеря фокуса
• Перемещение по стрелкам
• События форм и буфера обмена
• События страницы, async и defer скрипты
• Диапазон и Выделение
• Депозитный калькулятор
• Генератор CSS тени
• Задание
• Система уведомлений

Библиотеки JavaScript

• Работа с текстовыми файлами и FileReader
• Создание анимации на JS и CSS
• Регулярные выражения
• Библиотека list.js: Поиск и сортировка обычных списков
• Библиотека sweetalert2.js: Всплывающие модальные окна с иконками
• Библиотека popper.js: Всплывающие текстовые подсказки
• Библиотека baguetteBox.js: Галерея изображений
• Библиотека lightgallery.js: Галерея изображений
• Библиотека flatpickr.js: Календарь
• Библиотека cleave.js: Валидация форм
• Библиотека mixItUp3.js: Фильтрация элементов
• Библиотека swiper.js: Слайдер изображений

Фреймворк Bootstrap 5

• Обзор, загрузка и подключение
• Шапка, модальное окно, градиент, треугольник, адаптивное видео
• Сетка 3 на 3 и иконки
• Сетка 2 на 2
• Как сделать Аккордеон на Bootstrap 5
• Адаптивные изображения на Bootstrap 5
• Практика и задание по работе с Bootstrap 5
• Форма сбора средств Yoomoney
• Создание футера
• Обзор документация Bootstrap 5
• Вопросы к главе по Bootstrap 5

Система управления версиями Git и GitHub

• Что такое Git
• Установка Git
• Регистрация на GitHub
• Первые команды Git
• Работа с Git в VS Code
• Алиасы для Git
• Отмена изменений и возврат к коммиту
• Работа с ветками
• Панель команд Git в VS Code
• Откат к любому коммиту и Git Graph
• Удаление репозитория
• Синтаксис Markdown для README.md
• Фрагменты кода Gist
• Хостинг GitHub Pages
• Вопросы к главе по Git и GitHub

Фреймворк Vue.js

• Обзор курса
• Обзор структуры файлов
• Работа над интерфейсом игры
• Достижения в игре
• Экран с вопросами в игре
• Экран с результатами
• Начало работы с Vue
• Обработка событий на Vue
• Циклы и методы на Vue
• Конец игры на Vue
• Вычисляемые свойства на Vue
• Музыка в игре на JavaScript
• Работа с Git и GitHub
• Приложение в VK
• Куда двигаться дальше
• Вопросы к главе по Vue.js

Введение. Основы Vue.js

• Введение

Изучаем Vue, создавая приложение - чат

• Компоненты
• Конфигурация приложения. Vue CLI
• Создаем базовые компоненты для чата
• Форма для чата
• Список сообщений для чата
• Обработка сообщений и вывод чата

JS. Ознакомление

Знакомство с Vue

• 2.1 Домашнее задание

Реактивность, props, компоненты.

• 3.1 Домашнее задание

Фильтры, миксины

• Урок

Валидация форм

• Урок

Деплой

• Урок
• Домашнее задание

Тесты

• Лекция

Firebase

• Лекция

Основы гибкой разработки

• Материалы занятия

Художественные материалы, необходимые для прохождения курса

• Перечень материалов

Старый порт Марселя. Создаем нашу первую акварель за 2 часа

• Старый порт Марселя. Делаем рисунок и наносим маску
• Старый порт Марселя. Шаг 1
• Checklist. Проверка возможных улучшений после каждого шага
• Старый порт Марселя. Шаг 2
• Checklist. Проверка возможных улучшений после каждого шага
• Старый порт Марселя. Шаг 3
• Checklist. Проверка возможных улучшений после каждого шага

Le Champ de Lavande. Пишем лаванду

• Le Champ du Lavande. Делаем рисунок и наносим маску
• Le Champ de Lavande. Шаг 1
• Checklist. Проверка возможных улучшений после каждого шага
• Le Champ de Lavande. Шаг 2
• Checklist. Проверка возможных улучшений после каждого шага

Le Champ de Pavot. Пишем маковое поле

• Le Champ du Pavot. Делаем рисунок и наносим маску
• Поле маков. Шаг 1
• Checklist. Проверка возможных улучшений после каждого шага
• Поле маков. Шаг2
• Checklist. Проверка возможных улучшений после каждого шага
• Поле маков. Шаг 3
• Checklist. Проверка возможных улучшений после каждого шага

Vieux Port du Cassis. Старый порт Кассиса

• Vieux Port du Cassis. Делаем рисунок и наносим маску
• Vieux Port du Cassis. Шаг 1
• Checklist. Проверка возможных улучшений после каждого шага
• Vieux Port du Cassis. Шаг 2
• Checklist. Проверка возможных улучшений после каждого шага
• Vieux Port du Cassis. Шаг 3 (часть 1)
• Vieux Port du Cassis. Шаг 3 (часть 2)
• Checklist. Проверка возможных улучшений после каждого шага

Vue de Ventoux. Вид на гору Венту

• Vue de Ventoux. Вид на гору Венту. Делаем рисунок и наносим маску
• Vue de Ventoux. Шаг 1
• Checklist. Проверка возможных улучшений после каждого шага
• Vue de Ventoux. Шаг 2 (часть 1)
• Vue de Ventoux. Шаг 2 (часть 2)
• Checklist. Проверка возможных улучшений после каждого шага
• Vue de Ventoux. Шаг 3
• Checklist. Проверка возможных улучшений после каждого шага

Первые шаги

Построй деревню

• Заземление мира
• Добавление звука
• Размещение и масштабирование сетки
• Базовый дом
• Добавление текстуры
• Материал для каждой стороны дома
• Комбинация мешов
• Копирование мешов
• Смена камеры зрителя
• Макет веб-приложения

Деревенская анимация

• Родители мешов
• Создание автомобиля
• Материалы для автомобиля
• Анимация колес
• Анимация автомобиля
• Анимация персонажей
• Прогулка по деревне

Предотвращение столкновений

• Как избежать автокатастрофы

Лучшая среда

• Далекие холмы
• Создание неба
• Спрайты деревъев

Постройте фонтан из частиц

• Профиль фонтана
• Распыление частиц
• Включения событий

Создание дня и ночи

• Уличные фонари
• День и ночь
• Добавление теней

Способы просмотра мира

• Создание осмотра
• Следование за персонажем
• Переход к виртуализации

Анимация

• Введение в анимацию
• Создание анимации
• Методы анимации
• Последовательность анимаций
• Группировка анимаций
• Объединение анимаций
• Анимация персонажей
• Расширенные методы анимации
• Анимация с использованием цикла рендеринга

Аудио

• Воспроизведение звуков и музыки

Поведение

• Поведение камеры
• Поведение мешов

Камеры

• Введение в камеру
• Столкновения камеры
• Настройка входов камеры
• Множественные просмотры
• Маски слоёв и текстуры с несколькими камерами
• WebVR камера
• Помощник по работе с WebVR

2D элементы управления

• Управление временной шкалой
• Управление изменением размера
• Управление фильтром изображения

Разработка с помощью Babylon.js

• Справка форума
• Версии фреймворка
• Поддержка NPM
• Встряхивание деревьев (бери то, что тебе нужно)
• Рабочие нагрузки
• Использование VSCode
• Проверочные тесты
• Утвержденные соглашения об именах
• Использование игровой площадки для разработки Babylon.js
• Внесите свой вклад в API
• Внести свой вклад в документацию
• Создайте материал для библиотеки материалов
• Создайте процедурную текстуру для библиотеки процедурных текстур

Среда

• Введение в окружающую среду
• Скайбоксы
• Фоновые материалы
• Блики
• Отражательные зонды
• Создание фоток в 360
• Создание видосов в 360

Events (События)

• Actions
• Observables
• Promises

GUI

• Графический интерфейс Babylon
• Средство просмотра прокрутки
• Загрузчик XML
• Селекторы
• Babylon 3D GUI

Методы управления

• Геймпады
• Виртуальные джойстики
• Диспетчер источников устройств

Импорт активов

• Загрузка файлов любого типа
• Плагин загрузчика файлов .glTF
• Плагин загрузчика файлов .stl
• Плагин загрузчика файлов .obj
• Система инкрементальной загрузки
• Создайте свой собственный импортер файлов
• Asset Manager
• Asset Containers
• Постепенно загружайте файлы .glTF

Свет в babilon.js

• Введение в систему света в babylon.js
• Тени
• Каскадные карты теней
• Постпроцесс объемного светорассеяния

Использование материалов

• введение в материалы
• Применение карт Bump, Opacity, Tiling и Detail
• Отображение параллакса
• Применение материалов к отдельным лицам
• Применение разных материалов спереди и сзади
• Мультиматериалы
• Динамические текстуры
• Видео текстуры
• Режимы наложения
• Введение в физический рендеринг (PBR)
• Среда HDR для PBR
• Освоение физического рендеринга (PBR)
• Отражения и преломления
• Параметры Френеля
• Процедурные текстуры
• Сжатые текстуры KTX2

Узлы материалов

• Материалы узла
• Использование материала узла с частицами

Современные материалы

• Как работают материалы
• Материалы и вершины
• Создание пользовательских процедурных текстур
• Создать пакет текстур
• Понимание карт нормалей
• Прозрачный рендеринг
• Необработанные текстуры
• Средство визуализации глубины
• Буфер логарифмической глубины

Мешы

• Рисование ограничивающих рамок
• Наклейки
• Выделение мешов
• Делаем мешы светящимися
• Объединение мешов
• Рисование кривых
• Path 3D
• Facet Data
• Уровни детализации (LOD)
• Динамическое преобразование меша
• Морфинг-метки
• Кости и скелеты
• Слои рендеринга
• Гизмы
• Упрощение мешов с помощью Auto-LOD
• Края рендеринга
• Следы мешов
• Взрывные мешы

Создание мешов: создание набора форм

• Создание форм набора
• Коробка
• Плиточный ящик
• Сфера
• Цилиндр
• Капсула
• Плоскость
• Создание плиточной плоскости
• Создание диска
• Создание тора
• Создание торового узла
• Создание земли
• Создание грунта на основе карты высот
• Подробнее о картах высот
• Создание плиточного грунта

Создание мешов: Создание параметрических мешов

• Линии
• Пунктирные линии
• Линейная система
• Лента
• Лента в деталях
• Ленты с математикой
• Трубка
• Экструзия
• Индивидуальная экструзия
• Токарный станок
• Неправильный многоугольник
• Экструзия полигонов
• Конструктор многоугольной сетки

Создание мешов: Создание пользовательских мешов

• Создание пользовательской мешов с нуля
• Обновление вершин
• Нормали вершин

Преобразования мешов: в центре внимания Created Origin

• Расположить меш
• Вращение меша
• Последовательность вращений
• Кватернионы вращения
• Выравнивание целевых осей
• Соглашения о ротации
• Введение в преобразование координат
• Примеры преобразования координат
• Превращения в выпечку

Родители и опоры

• Преобразовать узел
• Родители и дети
• Повороты
• Повернуть вокруг оси

Копии, клоны, и экземпляры, мешов

• Клоны
• Использование SPS для клонирования
• Экземпляры
• Тонкие экземпляры

Взаимодействия мешов

• Пересечения мешов
• Выбор меша

Запросы окклюзии

• Запросы окклюзии

Система частиц

• Введение в систему частиц
• Основные свойства частиц
• Изменение свойств частиц с течением времени
• Излучатели формы
• Анимация частиц
• Настройка частиц
• Помощник частиц
• Цветовые палитры и переходы, а также режим афиши
• Отправить эмитенты
• Частицы GPU
• Сервер фрагментов частиц

Система твердых частиц

• Введение в SPS
• SPS анимации
• Управление SPS
• Управление частицами SPS
• Материал SPS
• Неизменяемый SPS
• SPS из фасетов меша
• Обновить форму частицы
• Уборка частиц SPS
• SPS Физика
• Оптимизировать SPS
• Расширяемый SPS
• Проблемы видимости SPS
• Проблемы прозрачности СФС

Система облака точек

• Введение в PCS
• Создание АСУ ТП
• Управление АСУ ТП
• Управление частицами PCS

Физика в babylon.js

• Использование физического движка
• Силы
• Суставы
• Повороты и оси
• Составные тела
• Мягкие тела
• Расширенные возможности физики
• Добавьте свой собственный физический движок

Пост-процессы

• Использование пост-процессов
• Как использовать конвейер рендеринга постобработки
• Использование конвейера рендеринга SSAO
• Использование стандартного конвейера рендеринга(без ограничений)
• Использование конвейера рендеринга по умолчанию
• Глубина резкости и другие эффекты линз
• Пост-процесс размытия движения
• Постпроцесс отражения экранного пространства (SSR)
• Визуализация целевой текстуры с помощью нескольких проходов

Сцены в babylon.js

• Как быстро построить мир
• Взаимодействие со сценами
• Использование нескольких сцен
• Использование нескольких полотен
• Применение дельта-изменений к сцене
• Создание собственных загрузочных экранов
• Оптимизация сцены
• Оптимизатор сцены
• Оптимизация с помощью Octrees
• Оптимизация с использованием кэшированных ресурсов
• Уменьшение объема памяти
• Использование Offscreen Canvas
• Рендеринг сцен в файлы .png
• Рендеринг сцен в видео
• Использование плоскостей отсечения
• Визуализация сцен на удаленном сервере
• Глубокая маска слоя

Спрайты

• Введение в спрайты
• Менеджер спрайтов
• Упакованный спрайт менеджер
• Выбор спрайта
• Карта спрайтов
• Макет плитки карты спрайтов
• Параметры карты спрайтов
• Анимация спрайтов
• Пример карты спрайтов
• Сервер фрагментов спрайтов

Теги

• Теги

WebXR

• Введение в WebXR
• Возможности WebXR(VR)
• Помощники по работе с WebXR
• Менеджеры сессий WebXR
• Камера WebXR
• Менеджер функций WebXR
• Демонстрации и примеры WebXR
• Поддержка контроллеров WebXR
• Возможности дополненной реальности WebXR

Продвинутые темы

• Формат файла .babylon
• Создание миниатюрной версии Babylon.js
• Метрика глубины при рендеринге теней
• Многоплатформенные сжатые текстуры
• WebGL2
• Запуск Babylon.js на сервере

Шейдерыв babylon.js

• Введение в шейдеры
• Внесение кода шейдера в Babylon.js
• Использование ShaderMaterial
• Использование тумана с шейдерными материалами
• Обработка изображений
• Вычислить шейдеры

WebGPU

• WebGPU статус
• Критические изменения

Инструменты

• Детская площадка
• Инспектор
• Редактор материалов узла
• Редактор частиц
• Редактор спрайтов
• Инспектор текстур
• Просмотр скелетов
• Профилировщик производительности

Библиотеки активов

• Библиотека мешов
• Библиотека текстур

Библиотека материалов

• Огонь
• Воды
• Лава
• Шерсть
• Нормальный материал
• Земля
• Tri-Planar
• Градиент
• Небо
• Сетка
• Только тень
• Затенение ячеек
• Смешивание

Библиотека постпроцесса

• Ascii Art
• Цифровой дождь

Библиотека процедурных текстур

• Кирпич
• Облако
• Огонь
• Трава
• Мрамор
• Дорога
• Древесина

Служебные функции

• Площадь поверхности сетки
• Разобрать сетку
• Фоторамка
• Увеличить грани
• Создание точек внутри сетки
• Проверить, когда точка находится внутри меша
• Как нарисовать линию с заданной шириной
• Принудительно общие вершины
• Экструзия с острыми углами
• Отображение нормалей вершин
• Открыть URL-адрес события
• Отображает касательную, нормальную и бинормальную для Path3D
• Поворот и масштабирование относительно точки
• Рисует сектор круга
• Сферическая панорамная камера
• Рисование точек на поверхности сетки
• Показать мировые оси

Введение в создание игр на babylon.js

• Введение в создание игр
• Подготовка к настройке
• Настройка конечного автомата
• Простое игровое состояние
• Камера игрока
• Движение персонажа
• Импорт мешов
• Фонари
• Столкновения и триггеры
• Графический интерфейс игры
• Анимации
• Системы частиц
• Музыка и звуковые эффекты
• Дополнительные особенности
• Переход на кроссплатформенность
• Представление
• Процесс проектирования
• В заключение

Видео-туториалы

• Понимание основ 3D в Интернете
• Понимание основ WebGL
• Понимание материалов и входных данных
• Интеграция игрового конвейера с Babylon.js
• Использование Babylon.js для начинающих
• Загрузка активов
• Расширенные возможности Babylon.js
• Спецэффекты
• Видео курсы
• 3D-программирование с помощью WebGL и Babylon.js для начинающих
• Серия игр в реальном времени RTS

Мастерская babylon.js

• Математика геодезических и многогранников Гольдберга
• Геодезика и многогранники Гольдберга
• Изготовление простого автомобиля
• Создание простого автомобиля с приводом
• Разработка дома из планов
• Как построить дом из планов
• Добавление крыши
• Построение пути, по которому будет двигаться экипаж
• Дизайн для создания трека
• Введение в разработку системы защиты от столкновений
• Проблемы, возникающие при столкновении частиц
• Столкновения внутри меша
• Столкновения медленно движущихся частиц
• Столкновения свободно движущихся частиц
• Простая VR-игра
• Волновой паттерн шейдера

Расширения

• Подключаемый модуль для видео в Azure Media Player 360
• Писатель меша
• Интеграция Babylon.js с CMS
• Текстура canvas
• glTF Exporter

Наблюдатель Babylon.js

• Настройка Viewer
• Система шаблонов Viewer
• Измените программу просмотра Babylon.js
• Расширенное использование средства просмотра
• Примеры просмотра

CastorGUI V2.0 (ECEMAScript 6)

• GUIButton
• GUICheckbox
• GUIColor
• GUIDialog
• GUIFieldset
• GUIGroup
• GUILabel
• GUIManager
• GUIMeter
• GUIPanel
• GUIProgress
• GUIRadio
• GUISelect
• GUISlider
• GUISpinner
• GUIText
• GUITextarea
• GUITextfield
• GUITextures
• GUIWindow

Система клонирования

• RadialCloner
• LinearCloner
• MatrixCloner
• ObjectCloner
• RandomEffector

Динамические ландшафты

• Добавление объектов на динамический ландшафт
• Примеры динамического ландшафта

Система навигации толпы

• Создание навигационного меша
• Крауд-агенты
• Добавление и удаление препятствий

Генераторы деревьев

• Простой генератор сосны
• Генератор дерева SPS
• Быстрый генератор деревьев

Редактор

• Начало работы с редактором
• Объяснение рабочего процесса
• Добавление текстур
• Добавление материалов
• Использование панели активов
• Пользовательские скрипты
• Добавление анимации
• Использование Навигатора
• Создание префабов
• Редактирование префабов
• Использование редактора системы частиц
• Использование GraphEditor
• Использование расширения Photoshop

Экспортеры

• 3DSMax
• 3DSMax в glTF
• Из Blender в экспортер Babylon.js
• Советы по Blender
• Блендер в glTF
• Экспорт костей из 3D MAX
• Cheetah3D
• Maya
• Maya to glTF
• Mixamo в Blender в Babylon.js
• Сохраните вашу сцену или меши

Babylon.js + Внешние библиотеки

• Babylon.js и мгновенные игры Facebook
• Babylon.js и Ionic Angular
• Babylon.js и Pixi.js
• Babylon.js и Poki
• Babylon.js и React
• Babylon.js внутри React Native
• Babylon.js и VRM
• Запуск локального веб-сервера для BabylonJs
• BabylonJS и CesiumJS

BabylonJS и Vue

• BabylonJS и Vue - основы
• BabylonJS и Vue - передача данных
• BabylonJS и Vue - методы асинхронной сцены
• BabylonJS и Vue - сцена, управляемая сообщениями
• BabylonJS и Vue - ссылки на руководства

Набор инструментов Unity

• Введение в Unity
• Экспортер сцен
• Создание проектов
• Компоненты скрипта
• Менеджер сцены
• Шейдерные материалы
• Компоненты физического коллайдера
• Строитель ландшафта
• Система анимации
• Префабы
• Статическое дозирование
• Навигации меша
• Платформа Windows
• Художественные инструменты