Kapcsolatok

5 min read

A kapcsolatok viselkedésvezérelt kapcsolatok a tételek között. Ahelyett, hogy manuálisan kódolnánk minden mozdulatot, kijelenthetjük, hogy az olyan kapcsolatok, mint “ez a hold kering a bolygón” és a PinePaper automatikusan kezelik az animációt.

Relations panel showing linked items
The Relations panel különböző kapcsolati
-val összekapcsolt elemek megjelenítése

Alaprelációs típusok

Kapcsolat Leírás Példa használata
keringési pályák Körkörös mozgás a célpont körül Hold kering a bolygó körül
a következő Mozog felé cél simítással Címke karakterből
csatolva Célirányos mozgások (rögzített eltolódás) Kalap egy karakter fején
fenntartás _ távolság Tart fix távolság a cél Elektronok egy atommag körül
pont _ at Elforgatja a célpontot A kurzorra mutató nyíl
tükrök Tükrök a tengelyen keresztül Reflexiós hatás
parallax Dett- alapú mozgás Háttér görgetése
határok _ to Meghatározott határokon belül marad Golyó pattog egy dobozban

Animációs kapcsolatok

Kapcsolat Leírás Példa használata
- igen Nullától a teljes méretig terjedő skálák Sorozatban megjelenő tételek
staged _ with Csoportanimáció staggerrel Egytől egyig megjelenő címlevelek
jelzi Ideiglenes kiemelési impulzus Felhívjuk a figyelmet egy elemre
körülírt Rajzok a cél körül Kulcselem kiemelése
wave _ through Hullámtorzító hatás Ripple keresztül egy sor elem
morfiumok _ to Alakformáló animáció Alakzat átmenet egy másik
kamera _ follow A céltábla megjelenítése Kamera nyomkövető karakter
kamera _ animátumok Keyframe kamera zoom / pan Mozi zoom szekvenciák

Eljárási animációs kapcsolatok

Ezek a kapcsolatok létrehoz animáció nélkül cél elem:

Kapcsolat Leírás Példa használata
hajtott _ by Az ingatlan egy másik ingatlant követ Opacitás
wiggle Eljárási zajmozgás Jittery, organikus mozgás
idő _ kifejezés Matematikai kifejezés idővel Sine hullám oszcilláció

Kapcsolatok hozzáadása

Az ENSZ-től

  1. Válassza ki a * * forráselemet * * (amelyik mozog)
  2. A * * kapcsolatok * * szakasz megnyitása a Properties panelben
  3. Válassza ki a kapcsolat típusát
  4. Válassza ki a * * célelemet * * (a hozzá tartozó elemet)
  5. A paraméterek szükség szerinti beállítása

Relációs paraméterek

Minden kapcsolattípus egyedi paraméterekkel rendelkezik:

pályák:

Paraméter Leírás Alapértelmezés
sugár Távolság a céltól 100
sebesség Forgási sebesség 0.5
irány clockwise vagy counter-clockwise az óramutató járásával megegyező irányba
fázis Kiindulási szög (radián) 0

a következő:

Paraméter Leírás Alapértelmezés
kiegyenlítő [x, y] a céltól való eltérés [0, 0]
simítás Mozgássimítás (0- 1) 0.1
késedelem Másodpercenkénti késés 0

wiggle:

Paraméter Leírás Alapértelmezés
gyakoriság Oszcillációk másodpercenként 2
amplitúdó Maximális elmozdulás (px) 10
ingatlan position, rotation, opacity, scale pozíció
vetőmag Reprodukálható vetőmagérték 0

idő _ kifejezés:

Paraméter Leírás
ingatlan Melyik tulajdonságot animáljuk (x, y, rotation, opacity, scale)
kifejezés Matematikai kifejezés t (idő) és v (alapérték) használatával

Elérhető funkciók: sin, cos, abs, floor, ceil, sqrt, pow, min, max, clamp, lerp, smoothstep

Item orbiting another item
A kis kör kering egy nagyobb egy segítségével a "pályák" Reloc

Idő- Scoped Relations

A kapcsolatok csak egy adott időablakban lehetnek aktívak:

Paraméter Leírás
startTime Ha a kapcsolat aktiválódik (másodperc)
végidő Ha a kapcsolat deaktiválódik (másodperc)
automatikus eltávolítás Automatikus eltávolítás befejezés után

Ez lehetővé teszi, hogy olyan szekvenciákat hozzon létre, ahol a tételek idővel megváltoztatják a viselkedést - például egy 3 másodperces pályafutást, majd 2 másodpercen keresztül követi őket.

Kamera animáció

Az camera_animates kapcsolat cinematikus zoomot és pan szekvenciákat hoz létre:

  1. Hozzáadás az camera_animates kapcsolat létrehozása keyframe kamera mozgások
  2. Határozza meg a zoom szinteket és a központi pozíciókat különböző időpontokban
  3. A nézet simán animálja a billentyűk között

Ez tökéletes előadások, oktatók, és mozi intro, ahol szeretné irányítani a néző figyelmét.

Tippek

    • Composable: * * Több kapcsolat is alkalmazható ugyanarra a pontra. Sorozatban alkalmazzák az egyes kereteket, így kombinálható az orbits wiggle komplex szerves mozgás.
      • Start simple * * - Kezdjük follows vagy attached_to előtt megpróbál komplex szettups
      • Time-scoping * * - Hozzon létre szekvenciákat azáltal, hogy kapcsolatok különböző időablakok
      • Keyframe kombinációja * * - Kapcsolatok és kulcskeret animációk együtt dolgozhatnak
      • Előnézet gyakran * * - Játssz az idővonal, hogy hogyan kapcsolatok kölcsönhatásba lép
    • Kapcsolódó: * * [Animációk] (/features/animations)