Pixi’VN컴포넌트 함수
Pixi’VN에서 캔버스 컴포넌트를 추가, 검색, 제거하고 이벤트를 처리하기 위한 함수.
추가
게임 캔버스에 컴포넌트를 추가하려면 canvas.add를 사용할 수 있습니다.
import { Assets, canvas, newLabel, Sprite } from "@drincs/pixi-vn";
export const startLabel = newLabel("start", [
async () => {
const sprite = new Sprite();
const texture = await Assets.load("egg_head");
sprite.texture = texture;
canvas.add("sprite", sprite);
},
]);가져오기
게임 캔버스에서 컴포넌트를 가져오려면 canvas.find를 사용할 수 있습니다.
import { Assets, canvas, newLabel, Sprite } from "@drincs/pixi-vn";
export const startLabel = newLabel("start", [
async () => {
const sprite = new Sprite();
const texture = await Assets.load("egg_head");
sprite.texture = texture;
canvas.add("sprite", sprite);
},
() => {
const sprite = canvas.find("sprite");
if (sprite) {
sprite.x = 100;
sprite.y = 100;
}
},
]);제거
게임 캔버스에서 컴포넌트를 제거하려면 canvas.remove를 사용할 수 있습니다.
import { Assets, canvas, newLabel, Sprite } from "@drincs/pixi-vn";
export const startLabel = newLabel("start", [
async () => {
const sprite = new Sprite();
const texture = await Assets.load("egg_head");
sprite.texture = texture;
canvas.add("sprite", sprite);
},
() => {
canvas.remove("sprite");
},
]);모두 제거
게임 캔버스에서 모든 컴포넌트를 제거하려면 canvas.removeAll를 사용할 수 있습니다.
import { Assets, canvas, newLabel, Sprite } from "@drincs/pixi-vn";
export const startLabel = newLabel("start", [
async () => {
const texture = await Assets.load("egg_head");
for (let i = 0; i < 3; i++) {
const sprite = new Sprite();
sprite.texture = texture;
sprite.x = i * 150;
canvas.add(`sprite${i}`, sprite);
}
},
() => {
canvas.removeAll();
},
]);