Vztahy

5 min read

Vztahy jsou styky mezi předměty. Místo manuálního zarámování kláves každého pohybu, můžete deklarovat vztahy jako “tento měsíc obíhá na planetě” a PinePaper zpracovává animaci automaticky.

Relations panel showing linked items
The Relations panel zobrazující položky spojené různými relačními typy

Typy hlavních vztahů

Vztah Popis Příklad použití
orbit Kruhový pohyb kolem cíle Měsíc obíhající planetu
následující Pohybuje se směrem k cíli s vyhlazením Označení po znaku
připojen _ k Pohyby s cílem (pevný posun) Klobouk na hlavu postavy
udržuje _ vzdálenost Udržuje pevnou vzdálenost od cíle Elektrony kolem jádra
body _ at Otáčí se směrem k cíli Šipka ukazující na kurzor
zrcátka Poloha zrcátek napříč osou Reflexní efekt
paralax Pohyb založený na hloubce Projíždění pozadí
bounds _ to Pobyty v rámci definovaných hranic Míč skákající v krabici

Animace Vztahy

Vztah Popis Příklad použití
roste _ od Váhy od nuly do plné velikosti Položky uvedené v pořadí
s Skupina animace se staggerem Titulní písmena, která se objevují jeden po druhém
označuje Dočasný impuls zvýraznění Přitahování pozornosti k předmětu
circumbes Vloží tvar kolem cíle Zvýraznění klíčového prvku
wave _ through Efekt zkreslení vln Ripple přes řadu položek
morphs _ to Tvar morfing animace Tvar přechází na jiný
kamera _ follows Zobrazit pánve sledovat cíl Kamera sleduje znak
kamera _ animates Klávesnice kamera zoom / pan Kino zoom sekvence

Procesní animace Vztahy

Tyto vztahy vytvářejí animaci bez nutnosti cílového prvku:

Vztah Popis Příklad použití
řízen _ Vlastnost následuje po jiné nemovitosti Neprůhlednost řízená polohou
kroutit Procesní hluk Jittery, organický pohyb
čas _ výraz Matematický výraz v čase Oscilace sinových vln

Přidání vztahů

Z UI

  1. Vyberte * * zdrojovou položku * * (která se bude pohybovat)
  2. Otevřít sekci * * Relations * * v panelu Vlastnosti
  3. Vyberte typ vztahu
  4. Vyberte cílovou položku * * (ke které se vztahuje)
  5. Nastavení parametrů podle potřeby

Parametry vztahu

Každý typ vztahu má specifické parametry:

oběžné dráhy:

Parametr Popis Výchozí
poloměr Vzdálenost od cíle 100
rychlost Rychlost otáčení 0.5
směr clockwise nebo counter-clockwise ve směru hodinových ručiček
fáze Počáteční úhel (radiány) 0

následující:

Parametr Popis Výchozí
ofset [x, y] posun od cíle [0, 0]
vyhlazování Vyhlazení pohybu (0-1) 0.1
zpoždění Následujte zpoždění v sekundách 0

kroutit:

Parametr Popis Výchozí
časté Oscilace za sekundu 2
amplituda Maximální posuv (px) 10
majetek position, rotation, opacity, scale poloha
semena Reprodukovatelná hodnota osiva 0

čas _ výraz:

Parametr Popis
majetek Která vlastnost k životu (x, y, rotation, opacity, scale)
výraz Matematický výraz pomocí t (čas) a v (základní hodnota)

Dostupné funkce: sin, cos, abs, floor, ceil, sqrt, pow, min, max, clamp, lerp, smoothstep

Item orbiting another item
A malý kruh obíhající větší kruh pomocí "oběžné dráhy"

Časové vztahy

Vztahy mohou být aktivní pouze v určitém časovém okně:

Parametr Popis
startTime Když se vztah aktivuje (sekundy)
endTime Když se vztah deaktivuje (sekundy)
automaticky odstranit Automaticky odstranit po ukončení

To vám umožní vytvořit sekvence, kde položky mění chování v čase - například položka obíhá po dobu 3 sekund, pak následuje po dobu 2 sekund.

Animace kamery

Vztah camera_animates vytváří filmové zoomové a pánové sekvence:

  1. Přidat vztah camera_animates k vytvoření pohybu fotoaparátu s klávesou
  2. Definovat úrovně zoom a střední polohy v různých časech
  3. Náhled hladce oživuje mezi klávesami

To je ideální pro prezentace, tutoriály a filmové intros, kde chcete řídit pozornost diváka.

Tipy

    • Composible: * * Na stejnou položku lze použít více vztahů. Platí v pořadí každého rámce, takže můžete kombinovat orbits s wiggle pro komplexní organický pohyb.
      • Start simple * * - Start with follows or attached_to before trying complex setups
      • Použít time- scaning * * - Vytvořit sekvence tím, že vztahy různé časové okna
      • Kombinovat s klíčovými rámečky * * - Vztahy a animace klíčového rámu mohou spolupracovat
      • Náhled často * * - Přehrát časovou osu vidět, jak vztahy interagovat
    • Související: * * [Animace] (/features/animations)