Pixi’VNCanvas (WebGL/WebGPU)
Panoramica su come Pixi’VN utilizza PixiJS per il rendering, le differenze tra Pixi’VN e PixiJS e come interagire con il canvas e gli strumenti di debug.
Pixi’VN utilizza PixiJS — un motore di rendering 2D WebGL/WebGPU — per disegnare tutto ciò che appare sullo schermo. L'API di Pixi’VN racchiude PixiJS per consentirti di aggiungere, aggiornare e rimuovere immagini, testo e animazioni, tenendo automaticamente traccia dello stato del canvas in modo che possa essere salvato e ripristinato correttamente durante i salvataggi e i caricamenti del gioco.
Utilizzo
ink
Puoi usare questo metodo con la sintassi ink. Scopri di più qui.
Per interagire con l'applicazione PixiJS, puoi usare l'elemento canvas, che funge da wrapper. Con esso puoi aggiungere l'insieme dei componenti forniti da Pixi’VN e avviare animazioni.
import { canvas, Sprite } from "@drincs/pixi-vn";
export const startLabel = newLabel("start", [
() => {
let sprite = new Sprite({});
canvas.add("sprite", sprite);
},
]);