LogoPixi’VN

画布(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); 
    },
]);

其他功能

本页内容