Учебник anime.js

Введение
- Что такое anime.js
- История и философия библиотеки
- Сравнение с другими анимационными библиотеками
- Установка и подключение
- Первая анимация
Основы работы с anime.js
- Синтаксис и структура вызова
- Целевые элементы и селекторы
- Анимируемые свойства
- Единицы измерения
- Продолжительность и задержка
- Функции плавности
- Направление анимации
- Циклы и повторения
Свойства и трансформации
- Анимация CSS-свойств
- Transform-свойства
- Масштабирование
- Вращение
- Перемещение
- Искажение
- Анимация SVG-атрибутов
- Работа с path-элементами
- Анимация stroke и fill
Временные параметры
- Duration и delay
- EndDelay
- AutoPlay
- Относительные значения времени
- Stagger-эффекты
- Распределение задержек
- Функции распределения для stagger
Функции плавности
- Встроенные easing-функции
- Cubic-bezier
- Spring-анимации
- Elastic и bounce
- Пользовательские функции плавности
- Steps-анимация
Значения и интерполяция
- Абсолютные значения
- Относительные значения
- Математические операции в значениях
- From-to синтаксис
- Массивы значений для keyframes
- Интерполяция цветов
- Интерполяция строк
Keyframes
- Создание keyframes
- Синтаксис определения ключевых кадров
- Временные метки keyframes
- Duration для отдельных keyframes
- Easing между keyframes
- Комбинирование свойств в keyframes
Таймлайны
- Создание timeline
- Добавление анимаций в timeline
- Параметры timeline
- Позиционирование анимаций
- Абсолютное и относительное позиционирование
- Offset и метки времени
- Управление timeline
Управление анимацией
- Методы play и pause
- Restart и reverse
- Seek для перемотки
- Tick для ручного обновления
- Свойство progress
- Свойство currentTime
- Остановка и удаление анимации
События и callback-функции
- Begin callback
- Complete callback
- Update callback
- ChangeBegin и changeComplete
- LoopBegin и loopComplete
- Контекст и параметры callback-функций
- Отслеживание состояния анимации
Анимация SVG
- Морфинг path
- Техники морфинга
- Анимация линий
- StrokeDashoffset и strokeDasharray
- Эффект рисования линий
- ViewBox и coordinate systems
- Клиппинг и маски
- Анимация градиентов и паттернов
Анимация DOM
- Работа с множественными элементами
- Анимация добавления и удаления классов
- Интеграция с data-атрибутами
- Анимация скролла
- Параллакс-эффекты
- Координация анимаций элементов
Анимация объектов JavaScript
- Анимация числовых свойств объектов
- Работа с пользовательскими объектами
- Анимация массивов
- Синхронизация с canvas
- Использование с Three.js
- Анимация для визуализации данных
Продвинутые техники
- Чейнинг анимаций
- Вложенные timeline
- Динамические параметры
- Функции как значения параметров
- Targets как функция
- Условная анимация
- Адаптивная анимация под устройства
Производительность
- Оптимизация анимаций
- Will-change и аппаратное ускорение
- Композитные слои браузера
- Throttling и debouncing
- Управление памятью
- Профилирование анимаций
- Отключение анимаций для слабых устройств
Интерактивность
- Анимация по событиям
- Привязка к движению мыши
- Drag and drop с анимацией
- Реакция на прокрутку страницы
- Интеграция с touch-событиями
- Создание интерактивных переходов
Работа с canvas
- Интеграция anime.js и canvas API
- Анимация частиц
- Процедурная генерация движения
- Синхронизация requestAnimationFrame
- Оптимизация рендеринга
Интеграция с фреймворками
- Использование с React
- Хуки для anime.js
- Работа с Vue.js
- Директивы и компоненты
- Angular и anime.js
- Svelte-интеграция
Сложные анимационные системы
- Создание переиспользуемых анимаций
- Композиция анимационных элементов
- Управление глобальным состоянием анимаций
- Очередь анимаций
- Приоритизация анимаций
Отладка и тестирование
- Логирование состояния анимаций
- Пошаговое воспроизведение
- Визуальная отладка timeline
- Юнит-тестирование анимаций
Миграция и совместимость
- Переход с других библиотек
- Полифиллы и поддержка старых браузеров
- Работа с prefixes
- Обработка несовместимостей
- Graceful degradation
Справочник API
- Полный список параметров
- Типы данных параметров
- Возвращаемые значения
- Методы экземпляра анимации
- Вспомогательные функции
- Константы и перечисления