Skip to main content

Abfragefeld (Eingabe prüfen)

Mit dem Abfragefeld fragst du einen Code, ein Wort oder eine Zahl ab. Nach dem Tippen auf „Lösung prüfen“ wird die Eingabe validiert – bei Erfolg öffnet sich die Zielszene (falls gesetzt).

grafik.pngFelder

Lösung

  • Erwartete richtige Eingabe.

  • Tipp: Kurz und eindeutig (z. B. MORSE, 4711, BOLTZMANN).

Button

  • Beschriftung des Prüfen-Buttons (Standard: „Lösung prüfen“).

Prüfung

  • vereinfacht: Groß/Kleinschreibung wird ignoriert; führende/folgende Leerzeichen werden entfernt; mehrere Leerzeichen werden zusammengefasst; 

  • exakt (falls gewählt): 1-zu-1-Vergleich – alles muss exakt übereinstimmen.

Darstellung

  • Eingabefeld: Freitext (Buchstaben/Zahlen).

  • Zahlenfeld (falls verfügbar): Zeigt ein numerisches Keyboard, limitiert auf Ziffern – ideal für Codes/Kombinationen.

Zielszene

  • Szene, die bei korrekter Lösung geöffnet wird.

  • Lässt du sie leer, kannst du über Szenenlogik/Badge o. Ä. selbst reagieren.

Hintergrundfarbe / Textfarbe

  • Farben des Prüfen-Buttons (Hex-Werte, z. B. #256d85 / #ffffff).

grafik.pngVerhalten in der App

  1. Spielende tippen ihre Lösung ein und drücken „Lösung prüfen“.

  2. Die Eingabe wird gemäß Prüfmodus verglichen.

  3. Richtig → (optional) kurzer Erfolgseffekt, Zielszene wird geöffnet.

  4. Falsch → (optional) Hinweis „Leider falsch“ / erneuter Versuch.

  5. Eingabefeld wird mit Sicherheitsabstand unter dem Content eingefügt.
  6. Position des Eingabefelds kann mit der DIV Klasse customInputPosition umgeleitet werden:
    <div class="customInputPosition"><div>

Tipp: Für längere Lösungen gib im Szenentext ein Formatbeispiel (z. B. „Nur Zahl, ohne Leerzeichen“).

Praxis-Tipps

  • Eindeutigkeit: Vermeide Lösungen, die leicht zu raten sind („JA“, „OK“).

  • Toleranz: Nutze „vereinfacht“, wenn Tippfehler durch Groß-/Kleinschreibung nicht entscheidend sind.

  • Zahlenrätsel: Wähle Darstellung → Zahlenfeld (falls verfügbar), damit direkt das Ziffern-Keyboard erscheint.

  • Barrierefreiheit: Button-Kontrast hoch halten (helle Schrift auf dunklem Button oder umgekehrt).

  • Feedback: In der Szene kurz erklären, wo die Lösung zu finden ist („Die Antwort steht auf dem Typenschild“).

Kurz-Checkliste

  1. Lösung eintragen (ggf. Varianten mit |).

  2. Prüfung wählen (vereinfacht für tolerant, exakt für streng).

  3. Darstellung festlegen (Eingabe/Zahl).

  4. Zielszene setzen.

  5. Button-Text und Farben anpassen → Speichern.

Back to top