Отношения
Отношения — это поведенческие связи между предметами. Вместо того, чтобы вручную обрамлять каждое движение, вы можете объявить о таких отношениях, как «эта луна вращается вокруг этой планеты», и PinePaper автоматически обрабатывает анимацию.
Q
Основные типы отношений
| Связь | Описание | Пример использования |
|---|---|---|
| орбиты | Круговое движение вокруг цели | Луна вращается вокруг планеты |
| следовать | Двигаться к цели с помощью сглаживания | Метка вслед за персонажем |
| прилагать к | Перемещение с целью (фиксированное смещение) | Шляпа на голове персонажа |
| поддерживает расстояние | Держите фиксированное расстояние от цели | Электроны вокруг ядра |
| points at | Вращается к цели | Стрела указывает на курсор |
| зеркала | Расположение зеркал по оси | Эффект отражения |
| параллакс | Движение, основанное на глубине | Прокрутка фона |
| ограничения to | Оставаться в пределах определенных границ | Шар, подпрыгивающий в коробке |
Анимационные отношения
| Связь | Описание | Пример использования |
|---|---|---|
| выращивается из | Весы от нуля до полного размера | Элементы, появляющиеся в последовательности |
| скачать stagger with | Групповая анимация со стаггером | Заглавные буквы появляются один за другим |
| указывает | Временный пульс | Привлечение внимания к пункту |
| ограничитель | Очертания вокруг цели | Выделение ключевого элемента |
| прохождение wave | Эффект искажения волны | Ripple через линию элементов |
| morphs to | Формирование анимации | Форма перехода в другую |
| camera follows | Посмотреть Паны, чтобы следовать цели | Камера, отслеживающая персонажа |
| камера одушевленные | Камера Keyframe Zoom/Pan | Кинематографические зум-последовательности |
Процедурные анимационные отношения
Эти отношения создают анимацию без необходимости целевого элемента:
| Связь | Описание | Пример использования |
|---|---|---|
| driven b | Недвижимость следует за другой собственностью | Непрозрачность, контролируемая позицией |
| шевелиться | Процедурное шумовое движение | Джиттери, органическое движение |
| time expression | Выражение математики с течением времени | Колебание синей волны |
Добавление отношений
Из UI
- Выберите пункт source (тот, который будет перемещаться)
- Откройте раздел Отношения в панели Свойства
- Выберите тип отношения
- Выберите пункт target (тот, к которому следует относиться)
- Настройка параметров по мере необходимости
Параметры отношений
Каждый тип отношений имеет определенные параметры:
орбиты:
| Параметр | Описание | По умолчанию |
|---|---|---|
| радиус | Расстояние от цели | 100 |
| скорость | Скорость вращения | 0.5 |
| направление | clockwise или counter-clockwise |
часовая стрелка |
| фаза | Угол старта (радианы) | 0 |
ниже:
| Параметр | Описание | По умолчанию |
|---|---|---|
| смещения | [x, y] смещение от цели | [0, 0] |
| сглаживание | Сглаживание движения (0-1) | 0.1 |
| задержка | Отсрочка в секундах | 0 |
шевелиться:
| Параметр | Описание | По умолчанию |
|---|---|---|
| частота | Колебания в секунду | 2 |
| амплитуда | Максимальное смещение (px) | 10 |
| собственность | position, rotation, opacity, scale |
положение |
| семя | Воспроизводимая семенная стоимость | 0 |
time expression:
| Параметр | Описание |
|---|---|
| собственность | Какое свойство анимировать (x, y, rotation, opacity, scale) |
| выражение | Выражение математики с использованием t (время) и v (базовое значение) |
Доступные функции: sin, cos, abs, floor, ceil, sqrt, pow, min, max, clamp, lerp, smoothstep
Q
Небольшой круг Связанные со временем отношения
Отношения могут быть активными только в течение определенного временного окна:
| Параметр | Описание |
|---|---|
| время начала | При активации отношения (секунды) |
| конец | При деактивации отношения (секунды) |
| автоудаление | Автоматическое удаление после окончания времени |
Это позволяет создавать последовательности, в которых элементы изменяют поведение с течением времени - например, элемент вращается в течение 3 секунд, а затем следует в течение 2 секунд.
Анимация камеры
Отношение camera_animates создает кинематографический зум и пан-последовательности:
- Добавьте отношение
camera_animatesдля создания движений камеры с клавиатурой - Определите уровни зума и положение центра в разное время
- Viewport плавно анимируется между кейфреймами
Это идеально подходит для презентаций, учебных пособий и кинематографических вставок, где вы хотите привлечь внимание зрителя.
Советы
Составной: К одному и тому же пункту могут применяться множественные отношения. Они применяются последовательно в каждом кадре, поэтому можно комбинировать orbits с wiggle для сложного органического движения.
- Начните с
followsилиattached_to, прежде чем пробовать сложные настройки - Использовать сканирование времени - создавать последовательности, предоставляя отношениям различные временные окна
- Комбинируйте с кейфреймами - Отношения и анимация кейфреймов могут работать вместе
- Обзор часто - Играйте на временной шкале, чтобы увидеть, как взаимодействуют отношения
Связанный: [Анимации] (/features/animations) | [Keyframe Editor] (/features/keyframes)