Relationer

4 min read

Relationer är beteendedrivna länkar mellan objekt. Istället för att manuellt tangenttrycka varje rörelse kan du förklara relationer som “denna månkretsar den planeten” och PinePaper hanterar animeringen automatiskt.

Relations panel showing linked items
The Relations-panelen som visar objekt som är kopplade till olika relationstyper

Kärnrelationer Typer

Förhållande Beskrivning Exempel användning
orbits Cirkulär rörelse runt mål Månen kretsar kring en planet
följer Flytta mot mål med smoothing Etikett efter en karaktär
attached to Flytta med mål (fast offset) Hat på en karaktärs huvud
keeps distance Håller fast avstånd från målet Elektroner runt en kärna
point at Rotates att möta mål Arrow pekar på cursor
speglar Speglar position över axeln Reflektionseffekt
parallax Djupbaserad rörelse Background scrolling
bounds to Stannar inom definierade gränser Boll studsar i en låda

Animation Relations

Förhållande Beskrivning Exempel användning
växer från Skalor från noll till full storlek Artiklar som förekommer i sekvens
staggered med Gruppanimation med stagger Titelbrev som visas en efter en
indikationer Tillfällig höjdpunkt puls Rita uppmärksamhet på ett objekt
circumscribes Ritningar formar runt mål Belysa ett nyckelelement
våg through Våg distorsion effekt Ripple genom en rad objekt
morphs to Shape morphing animation Form övergår till en annan
cam follows View pans att följa mål Kamera spårar en karaktär
kamera animates Keyframe kamera zoom/panna Cinematic zoomsekvenser

Procedur Animation Relations

Dessa relationer skapar animation utan att behöva ett målobjekt:

Förhållande Beskrivning Exempel användning
driven by Fastighet följer en annan egendom Opacity styrd av position
wiggle Procedur buller rörelse Jittery, organisk rörelse
time expression Math uttryck över tiden Sine våg oscillation

Lägga till relationer

Från UI

  1. Välj källpost (den som kommer att flytta)
  2. Öppna avsnittet Relationer* i panelen Egenskaper
  3. Välj en relation typ
  4. Välj mål objekt (den som ska relatera till)
  5. Justera parametrar efter behov

Relationsparametrar

Varje relationstyp har specifika parametrar:

orbit:

Parameter Beskrivning Standard
radie Avstånd från mål 100
hastighet Rotationshastighet 0.5
riktning clockwise eller counter-clockwise clockwise
fasfasfasfasfas Börja vinkel (radier) 0

följer:

Parameter Beskrivning Standard
offset [x, y] kompensera från mål [0, 0]
slipning Movement smoothing (0-1) 0.1
fördröjning Följ fördröjningen på sekunder 0

wiggle:

Parameter Beskrivning Standard
frekvens Oscillationer per sekund 2
amplitude Maximal förskjutning (px) 10
fast egendom position, rotation, opacity, scale position
seed Reproducerbart frövärde 0

time expression:

Parameter Beskrivning
fast egendom Vilken egenskap att animera (x, y, rotation, opacity, scale)
uttryck Matematiskt uttryck med t (tid) och v (basvärde)

Tillgängliga funktioner: sin, cos, abs, floor, ceil, sqrt, pow, min, max, clamp, lerp, smoothstep

Item orbiting another item
A liten cirkel kretsar en större med "banor" relation

Time-Scoped Relationer

Relationer kan endast vara aktiva under ett visst tidsfönster:

Parameter Beskrivning
starttid När relationen aktiveras (andra)
sluttid När relationen inaktiveras (andra)
autoRemove Ta bort automatiskt efter endTime

Detta låter dig skapa sekvenser där objekt ändrar beteende över tiden - till exempel en objektbana i 3 sekunder, sedan följer i 2 sekunder.

Kameranimation

camera_animates-relationen skapar filmisk zoom och pansekvenser:

  1. Lägg till camera_animates-relationen för att skapa keyframed-kamerarörelser
  2. Definiera zoomnivåer och centerpositioner vid olika tidpunkter
  3. Utsikten animerar smidigt mellan keyframes

Detta är perfekt för presentationer, handledning och filmintros där du vill styra betraktarens uppmärksamhet.

Tips

Komponera:** Flera relationer kan tillämpas på samma objekt. De tillämpas i sekvens varje ram, så att du kan kombinera orbits med wiggle för komplex organisk rörelse.

  1. Börja med follows eller attached_to innan du försöker komplexa installationer
  2. Använd tidscoping - Skapa sekvenser genom att ge relationer olika tidsfönster
  3. Kombinera med nyckelframes ** - Relationer och keyframe animationer kan fungera tillsammans
  4. Förhandsvisning ofta - Spela tidslinjen för att se hur relationer interagerar

*Related: Animations | Keyframe Editor