Mujaca - TTRPG Display
TTRPG Display

TTRPG Display

Allgemein

Vor einer Weile hab für Freunde angefangen ein P&P zu leiten, welches ausnahmsweise mal vor Ort gespielt wird und nicht, wie meine aktuellen Runden, online. Da ich gerne Bilder und Musik verwende, um die Atmosphäre der Szene zu untermalen, brauchte ich einen Weg dafür. Eine Idee war es, rein OBS zu verwenden, dies gestaltete sich aber nicht als dynamisch genug und ich hätte alles einzeln hinzufügen und bearbeiten müssen.
Aus diesem Grund ist dieses Projekt entstanden. Mein Ziel war es, meine in Obsidian.md geschriebenen Notizen dynamisch darzustellen.

Das FrontEnd verwendet NuxtJS, da ich dort an einem Ort schnell und einfach Routen zur Kommunikation zwischen Plugin und FrontEnd erstellen kann. Das Plugin liest hierbei die Frontmatter der Markdown-Dateien aus und schaut sich dabei nach “image” und “audio” um. Das Bild wird hierbei groß dargestellt und für den Kontrast nochmal in dunkler und verschwommen im Hintergrund. Das Audio wird im Hintergrund abgespielt und kann über einen Befehl im Plugin pausiert werden.

Im neusten Update hab ich ein Tracking von Gegnern, Spielern und Ihren erhaltenen Schaden hinzugefügt. Auch hier wird die Frontmatter ausgelesen, um die maximale Trefferpunkte zu wissen. Dies wird neben des Frontends auch im Plugin, mit Hilfe von VueJS angezeigt.
Bild von der Gegner Liste
Die Reinfolge aller dort eingetragenen Charakteren kann dabei frei gezogen werden und wird dabei automatisch überall angezeigt. Der Vorteil hierran ist, dass ich die dynamik des Regelwerkes folgen kann und nicht an eine klassische Initiativen Reinfolge gebunden bin.

Am Ende könnte man noch argumetieren, warum es keine View im Plugin gibt, welche mehr Daten anzeigen kann. Es steht noch aus, wie ich das Plugin weiter Entwickel, da ich neben der Entwicklung auch an der Kampagne schreiben muss.
Aktuell mache ich alles mithilfe eines Streamdecks, welches mir Zugriff auf die Befehle per Knopfdruck neben mir gibt. Das Plugin dient hierbei primär als Brücke, dass die passenden Daten korrekt angezeigt werden.

Features

Technologien

Repositorys