Pixi’VNSpine 2D
Come utilizzare l'integrazione di Spine 2D in Pixi’VN per caricare scheletri, cambiare skin, riprodurre e combinare animazioni e controllare le tracce di animazione.
All'interno del tuo progetto Pixi’VN, puoi utilizzare l'integrazione di Spine 2D per creare animazioni complesse e fluide per i tuoi personaggi e oggetti. Questa integrazione è essenzialmente un wrapper attorno al runtime ufficiale di Spine 2D per PixiJS, che ti consente di utilizzare tutte le funzionalità di Spine 2D direttamente all'interno del tuo progetto Pixi’VN.
Installazione
Per installare il pacchetto Spine 2D in un progetto JavaScript esistente, utilizza uno dei seguenti comandi:
npm install @drincs/pixi-vn-spineLa libreria deve essere importata all'inizializzazione del gioco, in modo che possa essere utilizzata all'interno dei componenti Lazy.
import "@drincs/pixi-vn-spine";
Game.init(body, {
// ...
});Utilizzo
Puoi utilizzare il componente Spine proprio come qualsiasi altro componente di Pixi’VN.
Tuttavia, devi prima caricare gli asset di Spine 2D (skeleton e atlas) prima di utilizzarlo.
Ad esempio:
import { Assets, canvas } from "@drincs/pixi-vn";
import { Spine } from "@drincs/pixi-vn-spine";
await Assets.load(["spineboySkeleton", "spineboyAtlas"]);
const spine = new Spine({
atlas: "spineboyAtlas",
skeleton: "spineboySkeleton",
xAlign: 0.5,
yAlign: 1,
animation: "idle",
});
canvas.add("boy", spine);