Animazioni ed effetti articolati

Le animazioni e gli effetti articolati sono funzioni utilizzate per avviare combinazioni di più animazioni ed effetti primitivi (Ticker). Ad esempio, la funzione shakeEffect è un'animazione articolata che utilizza più MoveTicker per creare un effetto di scuotimento.

Shake

La funzione shakeEffect è un'animazione articolata che scuote un componente canvas (utilizza più MoveTicker per creare l'effetto di scuotimento).

Questa funzione ha i seguenti parametri:

• alias: L'alias per identificare il componente.
• props: Le proprietà di questo effetto. Le proprietà sono:
  • speed (Opzionale): Un numero che rappresenta la velocità dell'effetto scossa.
  • shocksNumber (Opzionale): Il numero di scosse.
  • type (Opzionale): Il tipo del effetto della scossa.
  • maximumShockSize (Opzionale): La dimensione massima della scossa.
  • speedProgression (Opzionale): Questa proprietà può essere utilizzata se è necessario aumentare o diminuire la velocità della scossa nel tempo. Per saperne di più, clicca qui.
  • startOnlyIfHaveTexture (Opzionale): Un valore booleano. Se è vero, l'animazione modificherà le proprietà solo se il componente canvas ha una texture non vuota. Per saperne di più, clicca qui.
• priority (Opzionale): La priorità del ticker.

import { CANVAS_APP_GAME_LAYER_ALIAS, newLabel, shakeEffect, showImage } from "@drincs/pixi-vn";

export const startLabel = newLabel("start_label", [
    async () => {
        await showImage("bg", "bg", { scale: 1.3 });
        await showImage("alien", "alien", { align: 0.5 });
        shakeEffect("alien"); 
    },
    async () => {
        shakeEffect(CANVAS_APP_GAME_LAYER_ALIAS); 
    },
]);