Pixi’VN캔버스 (Canvas/WebGL/WebGPU)
Pixi’VN이 렌더링에 PixiJS를 사용하는 방법, Pixi’VN과 PixiJS의 차이점, canvas와 상호작용하는 방법 및 디버깅 도구에 대한 개요.
Pixi’VN은 PixiJS — 2D WebGL/WebGPU 렌더링 엔진 — 을 사용하여 화면의 모든 것을 그립니다. Pixi’VN API는 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);
},
]);