Spine 2D

Dentro de tu proyecto Pixi’VN, puedes usar la integración de Spine 2D para crear animaciones complejas y fluidas para tus personajes y objetos. Esta integración es esencialmente un wrapper alrededor del runtime oficial de Spine 2D para PixiJS, lo que te permite usar todas las funciones de Spine 2D directamente dentro de tu proyecto Pixi’VN.

Instalación

Para instalar el paquete de Spine 2D en un proyecto de JavaScript existente, usa uno de los siguientes comandos:

npm install @drincs/pixi-vn-spine

import "@drincs/pixi-vn-spine";

Game.init(body, {
    // ...
});

Uso

Puedes usar el componente Spine igual que cualquier otro componente de Pixi’VN. Sin embargo, primero debes cargar los assets de Spine 2D (skeleton y atlas) antes de usarlo.

Por ejemplo:

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);