Relaţii

5 min read

Relaţiile sunt legături comportamentale între obiecte. În loc de keyframing manual fiecare mișcare, puteți declara relații ca “această lună orbitează că planeta” și PinePaper se ocupă automat de animație.

Relations panel showing linked items
Telefonul de relaţii care prezintă elemente conectate de diferite tipuri de relaţii

Tipuri de relații de bază

Relația Descriere Utilizare exemplu
orbite Mişcarea circulară în jurul ţintei Luna orbitează pe o planetă
următoarele Se deplasează spre țintă cu netezire Eticheta care urmează unui caracter
ataşat la Mutări cu țintă (compensare fixă) Pălărie pe capul unui personaj
menține distanța Păstrează distanța fixă față de țintă Electroni în jurul unui nucleu
puncte at Rotește în fața țintei Săgeată îndreptată spre cursor
oglinzi Poziția oglinzilor pe axă Efect de reflexie
paralax Mișcare pe bază de adâncime Derulare fundal
lits to Rămâne în limitele definite Mingea sare într-o cutie

Relaţii animate

Relația Descriere Utilizare exemplu
creste de la Scalări de la zero la dimensiune completă Elemente care apar în ordine
clatinat cu Animatie grup cu clatina Scrisori de titlu care apar unul câte unul
indică Puls temporar de evidențiere Atragerea atenției asupra unui element
circumscribi Desenează forma în jurul țintei Sublinierea unui element cheie
val prin Efect de denaturare a valurilor Ripple printr-o linie de elemente
morphs to Name Forma trecerea la alta
camera urmează Vizualizare tigăi pentru a urmări ținta Camera urmăreşte un personaj
camera animate Camera tastatură zoom/pan Secvențe de zoom cinematic

Relaţii procedurale de animare

Aceste relaţii creează animaţii fără a avea nevoie de un obiect ţintă:

Relația Descriere Utilizare exemplu
condus de Proprietatea urmează o altă proprietate Opacitate controlată de poziție
wiggle Procedura de mișcare a zgomotului Jittery, mișcare organică
timp exprimare Expresie matematică în timp Oscilație a valurilor de sinus

Adăugarea relațiilor

De la UI

  1. Selectați elementul Source (cel care se va muta)
  2. Deschide secțiunea Relații din panoul Proprietăți
  3. Alegeți un tip de relație
  4. Selectați elementul țintă **** (cel la care să se refere)
  5. Ajustează parametrii după cum este necesar

Parametrii relației

Fiecare tip de relație are parametri specifici:

orbite:

Parametru Descriere Implicit
raza Distanţa faţă de ţintă 100
viteză Viteza de rotație 0.5
direcție clockwise sau counter-clockwise în sensul acelor de ceasornic
fază Unghi de pornire (radiani) 0

următoarele:

Parametru Descriere Implicit
offset [x, y] compensat față de țintă [0, 0]
netezire Netezirea mișcării (0-1) 0.1
întârziere Urmează întârzierea în câteva secunde 0

wiggle:

Parametru Descriere Implicit
frecvenţă Oscilații pe secundă 2
amplitudine Deplasarea maximă (px) 10
proprietate position, rotation, opacity, scale poziție
semințe Valoarea reproductibilă a semințelor 0

timp exprimare:

Parametru Descriere
proprietate Care proprietate a anima (x, y, rotation, opacity, scale)
expresie Expresie matematică folosind t (timp) și v (valoare de bază)

Funcții disponibile: sin, cos, abs, floor, ceil, sqrt, pow, min, max, clamp, lerp, smoothstep

Item orbiting another item
A cerc mic orbitând unul mai mare folosind relația "orbite"

Relaţii de timp

Relaţiile pot fi active doar în timpul unei anumite perioade de timp:

Parametru Descriere
timp de pornire Atunci când relația se activează (secunde)
sfarsit Atunci când relația se dezactivează (secunde)
mutare automată Elimină automat după terminarea programului

Acest lucru vă permite să creați secvențe în cazul în care elementele schimba comportamentul în timp - de exemplu, un element orbitează timp de 3 secunde, apoi urmează timp de 2 secunde.

Animație cameră

Relatia camera_animates creeaza secvente cinematice si pan:

  1. Adăugaţi relaţia camera_animates pentru a crea mişcări de cameră keyframed
  2. Defineşte nivelul de zoom şi poziţiile centrale în momente diferite
  3. Portul vizual animează fără probleme între taste

Acest lucru este perfect pentru prezentări, tutoriale, și intro-uri cinematice în cazul în care doriți să ghideze atenția privitorului.

Sfaturi

Composable: Relațiile multiple pot fi aplicate aceluiași element. Se aplică în secvenţă fiecare cadru, astfel încât să puteţi combina orbits cu wiggle pentru mişcare organică complexă.

  1. Începe simplu - Începe cu follows sau attached_to înainte de a încerca setup-uri complexe
  2. Use time-scoping - Creați secvențe dându-vă relații diferite ferestre temporale
  3. Combinați-vă cu tastele - Relațiile și animațiile keyframe pot lucra împreună
  4. Previzualizează des - Joacă cronologia pentru a vedea cum interacționează relațiile

Related: Animații