Relaciones

5 min read

Las relaciones son enlaces basados en el comportamiento entre elementos. En lugar de marcar manualmente cada movimiento, puede declarar relaciones como “esta luna orbita ese planeta” y PinePaper maneja la animación automáticamente.

Relations panel showing linked items
El panel de relaciones muestra elementos conectados por diferentes tipos de relación

Tipos de Relación

Relación Descripción Ejemplo de uso
órbitas Movimiento circular alrededor del objetivo Luna orbitando un planeta
a continuación Se mueve hacia el objetivo con suavidad Label siguiendo un personaje
adjunto Se mueve con el objetivo (complemento fijo) Sombrero en la cabeza de un personaje
mantenimiento distance Mantiene la distancia fija del objetivo Electrones alrededor de un núcleo
puntos at Gira hacia el objetivo Flecha apuntando al cursor
espejos Posición de espejos en el eje Efecto de reflexión
parallax Movimiento basado en la profundidad Pergamino de fondo
bounds to Permanecer dentro de límites definidos Bola rebotando en una caja

Animation Relations

Relación Descripción Ejemplo de uso
crece de Escalas de cero a tamaño completo Artículos que aparecen en secuencia
# contigo # Animación de grupo con estancamiento Cartas de título que aparecen una por una
indicaciones Pulso destacado temporal Poniendo atención a un tema
circunscribes Dibuja forma alrededor del objetivo Destacando un elemento clave
wave through Efecto de distorsión de onda Recorrido por una línea de elementos
morphs to Forma de animación morfante Forma de transición hacia otro
camera follows Ver los paneles para seguir el objetivo Cámara rastreando un personaje
camera animates Ampliación de cámara Keyframe/pan Secuencias de zoom cinematográfico

Procedural Animation Relations

Estas relaciones crean animación sin necesidad de un elemento objetivo:

Relación Descripción Ejemplo de uso
conducido por: La propiedad sigue otra propiedad Opacity controlled by position
# Movimiento de ruido procesal Jittery, movimiento orgánico
tiempo expresión Expresión matemática con el tiempo Oscilación de onda sine

Adding Relations

De la UI

  1. Seleccione el elemento fuente (el que se moverá)
  2. Abrir la sección Relaciones en el panel Propiedades
  3. Elija un tipo de relación
  4. Seleccione el elemento target (el que se relaciona con)
  5. Ajuste los parámetros según sea necesario

Parámetros de Relación

Cada tipo de relación tiene parámetros específicos:

órbitas:

Parámetro Descripción Default
radio Distancia del objetivo 100
velocidad Velocidad de rotación 0.5
dirección clockwise o counter-clockwise en el reloj
fase Ángulo de inicio (radianos) 0

a continuación:

Parámetro Descripción Default
offset [x, y] offset from target [0, 0]
suavizado Flujo de movimiento (0-1) 0.1
demora Seguir retraso en segundos 0

wiggle:

Parámetro Descripción Default
frecuencia Oscilaciones por segundo 2
amplitud Máximo desplazamiento (px) 10
inmueble position, rotation, opacity, scale posición
semillas Valor de semilla reproducible 0

time expression:

Parámetro Descripción
inmueble Qué propiedad para animar (x, y, rotation, opacity, scale)
expresión Expresión de matemáticas usando t (tiempo) y v (valor de base)

Funciones disponibles: sin, cos, abs, floor, ceil, sqrt, pow, min, max, clamp, lerp, smoothstep

Item orbiting another item
A pequeño círculo orbitando uno más grande usando la relación "orbitos"

Time-Scoped Relations

Las relaciones sólo pueden estar activas durante una ventana de tiempo específica:

Parámetro Descripción
startTime Cuando la relación se activa (segundos)
endTime Cuando la relación desactiva (segundos)
autoRemove Eliminar automáticamente después del tiempo final

Esto le permite crear secuencias donde los elementos cambian el comportamiento con el tiempo - por ejemplo, un elemento orbita durante 3 segundos, luego sigue durante 2 segundos.

Cámara Animación

La relación camera_animates crea zoom cinematográfico y secuencias de pan:

  1. Añada la relación camera_animates para crear movimientos de cámara clave
  2. Definir los niveles de zoom y las posiciones centrales en diferentes momentos
  3. El mirador anima suavemente entre claves

Esto es perfecto para presentaciones, tutoriales e introducciones cinematográficas donde desea guiar la atención del espectador.

Consejos

Componible: Se pueden aplicar múltiples relaciones al mismo tema. Se aplican en secuencia cada marco, por lo que puede combinar orbits con wiggle para un movimiento orgánico complejo.

  1. Iniciar simple - Comience con follows o attached_to antes de intentar configuraciones complejas
  2. Utilizar el tiempo - Crear secuencias dando relaciones diferentes ventanas de tiempo
  3. Combine with keyframes - Las relaciones y animaciones de claves pueden trabajar juntas
  4. Revista a menudo - Juega el cronograma para ver cómo interactúan las relaciones

Related: Animations Silencio Keyframe Editor