LogoPixi’VN
NarrationNarration with JS/TS

Dialog

Wie man Dialog-Objekte in Pixi’VN verwendet, anpasst und verwaltet, einschließlich Glue und UI-Integration.

UI-Bildschirm

Das Beispiel des narrativen Dialog-UI-Bildschirms finden Sie im Abschnitt Interface-Beispiele.

Was ist ein Dialog? Eine schriftliche Komposition, in der zwei oder mehr Charaktere als miteinander sprechend dargestellt werden.

In Pixi’VN ist dialogue ein Objekt, das Informationen darüber enthält, wer gerade was sagt. Seine Funktionalität kann breiter gefasst sein, da es auch für andere Zwecke verwendet werden kann, beispielsweise für Monologe, Selbstgespräche oder um dem Spieler eine Nachricht anzuzeigen. Daher ist es treffender, es als Text zu betrachten, der mit einem Charakter verknüpft werden kann.

Setzen

Um den aktuellen Dialog zu setzen, können Sie narration.dialogue verwenden.

content/labels/start.label.ts
import { narration, newLabel } from "@drincs/pixi-vn";
import { eggHead } from "@/content/characters";

export const startLabel = newLabel("start", [
    // A simple dialogue with only text, without a character
    () => (narration.dialogue = "Hello, world!"), 
    // A dialogue with a character
    () => {
        narration.dialogue = { 
            character: eggHead, 
            text: "My name is ${eggHead.name}!", 
        }; 
    },
    // A dialogue with a character, but the character is not defined in the characters list
    () => {
        narration.dialogue = { 
            character: "Narrator", 
            text: "This is a narration without a character.", 
        }; 
    },
]);

Abrufen

Um den aktuellen Dialog abzurufen, verwenden Sie narration.dialogue. Der Rückgabewert ist ein DialogueInterface.

const currentDialogue: DialogueInterface = narration.dialogue;

Löschen

Um den aktuellen Dialog zu löschen, setzen Sie narration.dialogue auf undefined.

narration.dialogue = undefined;

Weitere Funktionen

Auf dieser Seite