Pixi’VNSpine 2D
Wie man die Spine 2D-Integration in Pixi’VN verwendet, um Skelette zu laden, Skins zu wechseln, Animationen abzuspielen und zu kombinieren und Animations-Tracks zu steuern.
Innerhalb deines Pixi’VN-Projekts kannst du die Spine 2D-Integration verwenden, um komplexe und flüssige Animationen für deine Charaktere und Objekte zu erstellen. Diese Integration ist im Wesentlichen ein Wrapper um die offizielle Spine 2D-Runtime für PixiJS, mit der du alle Spine 2D-Funktionen direkt in deinem Pixi’VN-Projekt verwenden kannst.
Installation
Um das Spine 2D-Paket in einem bestehenden JavaScript-Projekt zu installieren, verwende einen der folgenden Befehle:
npm install @drincs/pixi-vn-spineDie Bibliothek muss bei der Initialisierung des Spiels importiert werden, damit sie innerhalb von Lazy-Komponenten verwendet werden kann.
import "@drincs/pixi-vn-spine";
Game.init(body, {
// ...
});Verwendung
Du kannst die Spine-Komponente wie jede andere Pixi’VN-Komponente verwenden.
Du musst jedoch zuerst die Spine 2D-Assets (skeleton und atlas) laden, bevor du sie verwendest.
Zum Beispiel:
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);