<hi xmlns="http://www.tei-c.org/ns/1.0" style="font-size:11pt">Dem Spiel vorgeschaltet ist eine mit Typed.js</hi><ref xmlns="http://www.tei-c.org/ns/1.0" n="16" target="ftn16" /> <hi xmlns="http://www.tei-c.org/ns/1.0" style="font-size:11pt" xml:space="preserve"> animierte Homepage, die zugleich als Tutorial fungiert (Abb. 1, </hi> <hi xmlns="http://www.tei-c.org/ns/1.0" rend="italic" style="font-size:11pt">rechts</hi> <hi xmlns="http://www.tei-c.org/ns/1.0" style="font-size:11pt" xml:space="preserve">). Zeitlich begrenzte </hi> <hi xmlns="http://www.tei-c.org/ns/1.0" rend="italic" style="font-size:11pt">Quests</hi> <hi xmlns="http://www.tei-c.org/ns/1.0" style="font-size:11pt" xml:space="preserve">, die bspw. zum Tagging eines Künstlers reizen, sind in einem </hi> <hi xmlns="http://www.tei-c.org/ns/1.0" rend="italic" style="font-size:11pt">Navigation Drawer</hi><ref xmlns="http://www.tei-c.org/ns/1.0" n="17" target="ftn17" /> <hi xmlns="http://www.tei-c.org/ns/1.0" style="font-size:11pt" xml:space="preserve">links gestellt (Abb. 1, </hi> <hi xmlns="http://www.tei-c.org/ns/1.0" rend="italic" style="font-size:11pt">links</hi> <hi xmlns="http://www.tei-c.org/ns/1.0" style="font-size:11pt" xml:space="preserve">); sie werden zumeist randomisiert aus validen Modulkombinationen generiert. Ein vertikaler </hi> <hi xmlns="http://www.tei-c.org/ns/1.0" rend="italic" style="font-size:11pt">Stepper</hi><ref xmlns="http://www.tei-c.org/ns/1.0" n="18" target="ftn18" /> <hi xmlns="http://www.tei-c.org/ns/1.0" style="font-size:11pt">assistiert den folgenden, aus Fragen bestehenden Konfigurationsprozess (z. B. „Wie lange dauert eine Spielrunde?“ oder „Wie viele Runden möchtest Du spielen?“; Abb. 2). Er speist sich aus derselben Konfigurationsdatei wie die Anwendungsschicht. Alle Felder sind optional und mit Standardwerten vorbelegt, um in wenigen Klicks neue Spiele zu erstellen.</hi>