Forbindelser

5 min read

Relationer er adfærdsdrevne forbindelser mellem emner. I stedet for manuelt keyfring hver bevægelse, kan du erklære relationer som “denne måne kredser om denne planet” og PinePaper håndterer animation automatisk.

Relations panel showing linked items
Relationspanelet viser elementer forbundet med forskellige relationstyper

Kernerelationstyper

Relation Varebeskrivelse Eksempel
kredsløb Cirkelbevægelse omkring målet Måne kredser om en planet
følgende Flytter mod målet med udjævning Etiket efter tegn
bilag til Bevægelser med mål (fast forskydning) Hat på en karakters hoved
vedligeholder _ distance Holder fast afstand fra målet Elektroner omkring en kerne
point _ at Roterer til ansigt mål Pil der peger på markøren
spejle Spejlposition på tværs af aksen Reflekterende virkning
parallax Depth- baseret bevægelse Baggrundsrulning
grænser _ til Stays inden for definerede grænser Bolden hopper i en kasse

Animation Relations

Relation Varebeskrivelse Eksempel
vokser _ fra Skalaer fra nul til fuld størrelse Punkter, der fremkommer i rækkefølge
forskudt _ med Gruppe animation med stagger Titelbogstaver, der fremkommer én efter én
angiver Midlertidig højdepuls At gøre opmærksom på et element
unit synonyms for matching user input Trækker form omkring målet Fremhævning af et nøgleelement
wave _ through Bølgeforvrængningseffekt Ripple gennem en linje af elementer
morphos _ to Shape morping animation Form overgang til en anden
kamera _ folders Vis pander for at følge målet Kamera der sporer et tegn
camera _ animates Keyframe kamera zoom / pan Kinematiske zoomsekvenser

Proceduremæssige Animation Relations

Disse relationer skaber animation uden brug af et mål element:

Relation Varebeskrivelse Eksempel
drevet _ af Ejendom følger en anden ejendom Ugennemsigtighed kontrolleret af position
vrikker Proceduremæssig støjbevægelse Kitteri, organisk bevægelse
time _ expression Matematisk udtryk over tid Svingning af skinnebølger

Supplerende forbindelser

Fra UI

  1. Vælg * * kildeelement * * (den som flytter)
  2. Åbn sektionen * * Relationer * * i panelet Egenskaber
  3. Vælg en relationstype
  4. Vælg * * målelement * * (den der skal relateres til)
  5. Juster parametre efter behov

Relationsparametre

Hver relationstype har specifikke parametre:

kredsløb:

Parameter Varebeskrivelse Standard
radius Afstand fra målet 100
hastighed Rotationshastighed 0.5
retning clockwise eller counter-clockwise med uret
fase Startvinkel (radianer) 0

følgende:

Parameter Varebeskrivelse Standard
offset [x, y] forskydning fra målet [0, 0]
udjævning Bevægelse udjævning (0-1) 0.1
forsinkelse Forsinkelse på sekunder 0

vrikker:

Parameter Varebeskrivelse Standard
hyppighed Svingninger pr. sekund 2
amplitude Maksimal forskydning (px) 10
ejendom position, rotation, opacity, scale stilling
frø Reproducerbar frøværdi 0

time _ expression:

Parameter Varebeskrivelse
ejendom Hvilken egenskab skal animere (x, y, rotation, opacity, scale)
udtryk Matematisk udtryk ved hjælp af t (tid) og v (basisværdi)

Tilgængelige funktioner: sin, cos, abs, floor, ceil, sqrt, pow, min, max, clamp, lerp, smoothstep

Item orbiting another item
A lille cirkel kredser om en større med "kredser" relations

Tidsbegrænsede forbindelser

Forholdet kan kun være aktivt i et bestemt tidsvindue:

Parameter Varebeskrivelse
startTime Når relationen aktiveres (sekunder)
sluttid Når relationen deaktiverer (sekunder)
fjern automatisk Fjern automatisk efter slutTime

Dette lader dig oprette sekvenser, hvor elementer ændrer adfærd over tid - for eksempel, et element kredser i 3 sekunder, derefter følger i 2 sekunder.

Kameraanimation

camera_animates forholdet skaber filmisk zoom og pan sekvenser:

  1. Tilføj camera_animates relation til at oprette keyindrammede kamerabevægelser
  2. Definer zoomniveauer og centerpositioner på forskellige tidspunkter
  3. Viewport animerer problemfrit mellem nøglerammer

Dette er perfekt til præsentationer, tutorials, og filmiske introer, hvor du ønsker at guide seerens opmærksomhed.

Tips

    • Kompatibel: * * Flere forbindelser kan anvendes på samme emne. De gælder i rækkefølge hver ramme, så du kan kombinere orbits med wiggle for kompleks organisk bevægelse.
      • Start simple * * - Begynd med follows eller attached_to før du prøver komplekse opsætninger
      • Brug tids- scoping * * - Opret sekvenser ved at give relationer forskellige tidsvinduer
      • Kombiner med keyframes * * - Relationer og keyframe animationer kan arbejde sammen
      • Eksempel ofte * * - Spil tidslinjen for at se, hvordan relationer interagerer
    • Relateret: * * [Animationer] (/features/animations)