Pixi’VNCanvas (WebGL/WebGPU)
Überblick darüber, wie Pixi’VN PixiJS für das Rendering verwendet, die Unterschiede zwischen Pixi’VN und PixiJS sowie die Interaktion mit dem Canvas und Debugging-Tools.
Pixi’VN verwendet PixiJS — eine 2D WebGL/WebGPU-Rendering-Engine — um alles auf dem Bildschirm zu zeichnen. Die Pixi’VN-API umhüllt PixiJS, sodass Sie Bilder, Texte und Animationen hinzufügen, aktualisieren und entfernen können, während der Canvas-Zustand automatisch verfolgt wird, damit er bei Spielspeicherungen und -ladungen korrekt gespeichert und wiederhergestellt werden kann.
Verwenden
ink
Sie können diese Methode mit der ink-Syntax verwenden. Mehr dazu hier.
Um mit der PixiJS-Anwendung zu interagieren, können Sie das canvas-Element verwenden, das als Wrapper fungiert. Damit können Sie die von Pixi’VN bereitgestellten Komponenten hinzufügen und Animationen starten.
import { canvas, Sprite } from "@drincs/pixi-vn";
export const startLabel = newLabel("start", [
() => {
let sprite = new Sprite({});
canvas.add("sprite", sprite);
},
]);