Animazioni articolate

Le animazioni articolate sono funzioni che utilizzano la funzione canvas.animate per creare animazioni che possono essere applicate ai componenti dei canvas. Queste funzioni vengono solitamente utilizzate per creare effetti come scuotimenti, rimbalzi o altre animazioni complesse che coinvolgono più passaggi o componenti.

Shake

La funzione shakeEffect è un'animazione articolata che scuote un componente. Questa funzione ha i seguenti parametri:

• alias: L'alias per identificare il componente.
• options (Opzionale): Opzioni di animazione, corrispondenti alle options della funzione animate. Proprietà aggiuntive:
  • shocksNumber (Opzionale): Il numero di scosse.
  • shakeType (Optional): The type of shake effect. Possible values are vertical and horizontal.
  • maxShockSize (Opzionale): La dimensione massima della scossa.
• priority (Opzionale): La priorità del ticker PixiJS. Questo parametro imposta la priorità del ticker. Il valore predefinito è UPDATE_PRIORITY.NORMAL.

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); 
    },
]);