Pixi’VN내레이션JS/TS로 내레이션
내러티브 노드 (label)와 내러티브 단계 (step)
Pixi’VN의 레이블과 스텝의 핵심 개념을 설명하며, 게임 엔진 내에서 내러티브 흐름이 어떻게 구성되고 관리되는지를 자세히 설명합니다.
비주얼 노벨은 일반적으로 이미지와 텍스트가 포함된 일련의 장면으로 구성됩니다. Pixi’VN에서는 전체 내러티브 흐름이 내러티브 노드 (label)와 내러티브 단계 (step)의 개념을 기반으로 합니다.
내러티브 노드 (label)는 내러티브를 구성하는 데 사용되며, 이야기의 "북마크" 또는 섹션으로 기능합니다. 기술적으로, 내러티브 노드 (label)는 내러티브 단계 (step)의 컨테이너 역할을 하는 클래스입니다.
내러티브 단계 (step)는 내러티브 노드 (label) 내에서 발생하는 개별 동작 또는 이벤트입니다. 스텝은 이미지, 텍스트 및 기타 내러티브 요소를 표시하는 데 사용됩니다.
용어 설명
내러티브 노드 (label)라는 용어는 Ren'Py에서 가져온 것으로, 이야기의 "북마크" 또는 "랜드마크" 역할을 합니다. ink 언어에서 동등한 용어는 내러티브 노드 (knot)입니다.내러티브 단계 (step)라는 용어는 내러티브 노드 (label) 내에서 발생하는 개별 동작이나 이벤트를 나타내기 위해 Pixi’VN에서 도입한 용어입니다.
내러티브 단계 (step)라는 용어는 내러티브 노드 (label) 내에서 발생하는 개별 동작이나 이벤트를 나타내기 위해 Pixi’VN에서 도입한 용어입니다.
추가
내러티브 노드 (label)를 생성하려면 newLabel 함수를 사용하세요.
import { narration, StepLabelProps } from "@drincs/pixi-vn";
export const startLabel = newLabel("start", [
() => {
narration.dialogue = { character: liam, text: "Example of dialogue" };
},
(props: StepLabelProps, { labelId }) => narration.jump(labelId, props),
]);