Pixi’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);
},
]);