Simple-Game-Solutions WebGUI

[AmigaMaster]

Ich führe seit einigen Jahren eine Art "Spieletagebuch" in der Form von Lösungen, die ich in einem Github Repository unter https://github.com/AmigaMaster/Simple-Game-Solutions pflege. Warum ich das mache, wird ganz gut in dortigem Readme dargestellt.

Ich habe Anfang der Woche angefangen an einem GUI für das Repo zu arbeiten. Das ist jetzt kein Projekt speziell auf Maniac Mansion Mania bezogen aber ein guter Anteil der Lösungen im Repo sind für die MMM Episoden inklusive aller Spinoffs.

Nach kurzem Alphatest möchte ich exklusiv hier im Forum die erste Betaversion präsentieren:

https://amigamaster.github.io/Simple-Game-Solutions

Rückmeldungen gerne hier in den Thread.

Die Grundfunktionen:

• Schnelle und einfache Anzeige aller Lösungen aus Simple-Game-Solutions, ohne über die Github Seite zu gehen und sich dort durchzuklicken
• Echtzeit-Suchfunktion nach Dateinamen
• Dateibrowser
• Hoffentlich vernünftige Anzeige und Bedienung auf dem Smartphone (da kämpfe ich noch mit) und dnymisches Umschalten zwischen Desktop- und Smartphone-Darstellung
• Direktlinks zu jeder Lösung und Kapitelmarke möglich, Beispiel meine Lieblingsepisode
• Fortschrittsanzeige in der Leseansicht, damit man weiß, ob man besser zu Bett gehen sollte oder kurz vor dem Ende ist
• Lösungsverzeichnis und Kapitelansicht getrennt voneinander zu- und abschaltbar

Desktopansicht:
Sie dürfen diesen Dateianhang nicht ansehen.

Smartphone:
Sie dürfen diesen Dateianhang nicht ansehen.

Wer sich für die Technik dahinter interessiert:
Der gesamte Quelltext ist im Github Repo einsehbar. Im Großen und Ganzen ist das eine statische HTML-Seite, die nur einen Markdown-Reader und die Markdown-Textdateien nachlädt und darstellt. Bei mir funktioniert das sogar lokal im Browser, wenn ich mir den Quelltext des Repos runterlade und die index.html über file:/// öffne. Dann braucht man den Internetzugriff nur noch für den Markdown-Reader. Den Rest übernimmt Github Actions, die über die Github Server ein Python-Script ausführen, um eine für das GUI notwendige Metadaten-Datei und die Webseitedateien zu erstellen - alles komplett kostenlos.

[AmigaMaster]

Neue Betaversion mit neuen Funktionen:

1. Filterung der Lösung nach Stichworten
So als echter Adventurespieler möchte man ja eigentlich gar nicht in die Lösung schauen, vielleicht liest man dann etwas, was man gar nicht wissen wollte. Daher kann man jetzt nach dem Aufruf einer Lösung nach Wörtern in der Lösung suchen und es werden nur Absätze und Aktionen angezeigt, in denen das/die Suchbegriffe vorkommen.

Sie dürfen diesen Dateianhang nicht ansehen.

Das Beispielbild hier zeigt den Auszug aus dem Spiel The Abbey mit der Suche nach "Krypta UND Schlüssel" und die 4 Aktionen, in denen beide Begriffe vorkommen. Ich fand es schon immer blöd, wenn man in einer ganzen Lösung danach sucht und dann natürlich auch ganz andere Aktionen findet, die man auch noch nicht gemacht hat, um dessen Rätsel man sich dann selbst betrogen hat, nur weil man eine andere Sache suchen wollte.

Die jeweiligen gefilterten Absätze und Aktionen können dann angeklickt werden um dann an die entsprechende Stelle in der Gesamtlösung zu springen.

2. Hervorhebung von Datei und Kapiteln
Die gerade geöffnete Datei und alle auf der Seite sichtbaren Kapitel werden in den Sidebars zur besseren Orientierung jetzt hervorgehoben.

3. Das Kopieren von Links beinhaltet jetzt auch die Ansichtsoptionen, also welche Filter und welche Suche gerade aktiv war. Beispiellink, der genau die Seite aus dem Screenshot aufruft https://amigamaster.github.io/Simple-Game-Solutions/index.html?file=T%2FThe%20Abbey-DE.md&filter=Krypta%20UND%20schl%C3%BCssel&search=the%20ab#heading-111

Bekannte Fehler:
Beim Einsatz des Lösungsfilters stimmen die Hervorhebungen in der Kapitel Sidebar nicht. Muss noch schauen, was hier Sinn macht. Ich vermute, ich werde die Hervorhebung dann deaktivieren.