In den letzten zwei Wochen beschäftigte ich mich unteranderem mit verschiedenen GUI-Menus. Dabei gab es sowohl zeichnerische als auch semantische Hürden zu überwinden.
Für die grafische Gestaltung nutzte ich die App Procreate, die sich in Kombination mit meinem iPad Pro als exzellentes Zeichenprogramm herausstelle würde. Nach den erste Skizze des Hintergrundes der in allen Menus zusehen sein würde. Widmete ich mich denn Texturen der Buttons. Ich entschied mich ihnen einen Holzrahmen zu geben, um sie farblich vom Grau des Hintergrundes abzuheben. Um eine geeignete Holztextur zu erhalten, zeichnete ich die Holzmaserung meines Ikea Tisches nach. Auf resultierender Textur basieren nun alle Button-Rahmen.
Beim Font, also der Schriftart kam mir erneut eine App zuhilfe: Typorama. Sie ist für die Gestaltung von kurzen Schriftzügen und Logos gedacht. Ich interessierte mich jedoch explizit nur für einen darin enthaltenen Font ("The Old Northern People"). Alle Beschriftungen erstellte ich in Typorama und kombinierte sie dann als Vektorgrafik mit den anderen Button Texturen. Nach kurzer Recherche stellte sich zudem heraus, dass wir die vollen kommerziellen Nutzerrechte für die Grafiken haben, auch wenn sie denn Typorama Font enthalten.
Schliesslich wagte ich mich auch an eine Erste Skizze von Buddle Joe. Welche nun vorerst in denn meisten Menus zusehen ist.
Nach dem die Texturen gezeichnet waren ging es an die Eigentliche Implementation im Spiel. Nach dem ich mich an einem Nachmittag eingearbeitet habe um zu verstehen wie das Anzeigen vonstattengehen sollte, erstellte das Hauptmenu, Lobbymenu, InLobbyMenu sowie auf Platzhalter für Credits und Optionen. Auch die Buttons implementierte ich bereits soweit, dass sie das navigieren durch die Verschiedenen Menus erlaubten.
Das ganze stellte sich als um einiges zeitaufwendiger heraus als erwartet. Umso zufriedener bin ich jedoch mit dem Resultat. Welches auch bei den anderen Gruppenmitgliedern Anklang fand.
Nun würde die Verknüpfung der GUI mit der Logik der Netzwerkkommunikation folgen.