Pixi’VNCanvas (WebGL/WebGPU)
Обзор того, как Pixi’VN использует PixiJS для рендеринга, различия между Pixi’VN и PixiJS, а также способы взаимодействия с canvas и инструменты отладки.
Pixi’VN использует PixiJS — 2D-движок рендеринга WebGL/WebGPU — для отрисовки всего на экране. API Pixi’VN оборачивает PixiJS, позволяя добавлять, обновлять и удалять изображения, текст и анимации, автоматически отслеживая состояние canvas, чтобы его можно было корректно сохранять и восстанавливать при сохранении и загрузке игры.
Использование
ink
Этот метод можно использовать с синтаксисом ink. Подробнее здесь.
Для взаимодействия с приложением PixiJS можно использовать элемент canvas, который выступает в роли обёртки. С его помощью вы можете добавлять набор компонентов, предоставляемых Pixi’VN, и запускать анимации.
import { canvas, Sprite } from "@drincs/pixi-vn";
export const startLabel = newLabel("start", [
() => {
let sprite = new Sprite({});
canvas.add("sprite", sprite);
},
]);