Pixi’VNCanvas (WebGL/WebGPU)
Descripción general de cómo Pixi’VN usa PixiJS para el renderizado, las diferencias entre Pixi’VN y PixiJS, y cómo interactuar con el canvas y las herramientas de depuración.
Pixi’VN utiliza PixiJS — un motor de renderizado 2D WebGL/WebGPU — para dibujar todo en pantalla. La API de Pixi’VN envuelve PixiJS para permitirte añadir, actualizar y eliminar imágenes, texto y animaciones, mientras realiza un seguimiento automático del estado del canvas para que pueda guardarse y restaurarse correctamente en los guardados y cargas del juego.
Usar
ink
Puedes usar este método con la sintaxis ink. Ver más aquí.
Para interactuar con la aplicación PixiJS, puedes usar el elemento canvas, que actúa como un envoltorio. Con él puedes añadir el conjunto de componentes proporcionados por Pixi’VN e iniciar animaciones.
import { canvas, Sprite } from "@drincs/pixi-vn";
export const startLabel = newLabel("start", [
() => {
let sprite = new Sprite({});
canvas.add("sprite", sprite);
},
]);