画布(Canvas/WebGL/WebGPU)
概述 Pixi’VN 如何使用 PixiJS 进行渲染、Pixi’VN 与 PixiJS 的区别,以及如何与画布交互和使用调试工具。
Pixi’VN 使用 PixiJS —— 一款 2D WebGL/WebGPU 渲染引擎 —— 来在屏幕上绘制所有内容。 Pixi’VN 的 API 封装了 PixiJS,让你可以添加、更新和移除图像、文字及动画,同时自动追踪画布状态,以便在游戏存档的保存与加载之间正确地保存和恢复。
使用
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);
},
]);