LogoPixi’VN
NarrationNarration with JS/TS

Eingabeaufforderung

Erklärt, wie man in Pixi’VN eine Eingabeaufforderung für den Spieler anzeigt, einschließlich Verwendung, Abruf und Entfernung von Eingabeanforderungen.

UI-Bildschirm

Ein Beispiel für die Benutzeroberfläche des Eingabeaufforderungs-Dialogs findest du im Abschnitt Interface-Beispiele.

ink

Sie können diese Methode mit der ink-Syntax verwenden. Mehr dazu hier.

In Visual Novels kann es erforderlich sein, den Spieler zur Eingabe von Text, Zahlen, Datumsangaben oder anderen Werten aufzufordern.

Pixi’VN stellt Funktionen zur Verarbeitung von Eingabeaufforderungen bereit. Der Entwickler kann verlangen, dass der Spieler einen Wert eingibt (das Spiel wird erst fortgesetzt, wenn ein Wert angegeben wurde), während die UI für die Anzeige der Aufforderung zuständig ist.

Anfragen

Um den Spieler zur Eingabe aufzufordern, verwende die Funktion narration.requestInput.

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

export const startLabel = newLabel("start", [
    () => {
        narration.dialogue = "Hello";
    },
    () => {
        narration.dialogue = "What is your name?";
        narration.requestInput({ type: "string" });
    },
    () => {
        narration.dialogue = `My name is ${narration.inputValue}`;
    },
    () => {
        narration.dialogue = "How old are you?";
        narration.requestInput({ type: "number" }, 18);
    },
    () => {
        narration.dialogue = `I am ${narration.inputValue} years old`;
    },
    () => {
        narration.dialogue = "Describe who you are:";
        narration.requestInput({ type: "html textarea" });
    },
    () => {
        narration.dialogue = `${narration.inputValue}`;
    },
    () => {
        narration.dialogue = "Restart";
    },
]);

Abrufen

Um Informationen zur Eingabeaufforderung abzurufen, verwende:

if (narration.isRequiredInput) {
    openInputModal(narration.inputType);
}

Entfernen

Um die Eingabeanforderung zu entfernen, verwende narration.removeInputRequest.

narration.removeInputRequest();

Auf dieser Seite