Update Dokumentation authored by Hezel Tamara's avatar Hezel Tamara
...@@ -7,7 +7,7 @@ Fakultät Druck und Medien ...@@ -7,7 +7,7 @@ Fakultät Druck und Medien
**Betreuer:** Prof. Walter Kriha **Betreuer:** Prof. Walter Kriha
## 1. Projektbeschreibung ## 1. Projektbeschreibung
Im Rahmen der Module „119400 Projekt“, "119450 Interdisziplinäres Projekt" sowie "113468 Projektarbeit" haben wir uns vorgenommen ein Spiel zu programmieren. Unsere Projekt ist ein rogue-like coop Spiel und sollte online mit mehreren Spielern spielbar sein. Dabei wollten wir die Steuerung und Aufbau des Spieles durch Prototyping und User Tests validieren. Im Rahmen der Module „119400 Projekt“, "119450 Interdisziplinäres Projekt" sowie "113468 Projektarbeit" haben wir uns vorgenommen ein Spiel zu programmieren. Unsere Projekt ist ein rogue-like coop Spiel und sollte online mit mehreren Spielern spielbar sein. Dabei wollten wir die Menüführung und den Aufbau des Spieles durch Prototyping und User Tests validieren, um eine möglichst gute User Experience zu generieren. Somit vereinen wir mit Entwicklung, Design und UX die Stärken aller Teammitgliedern und Studiengängen.
## 2. Verwendete Software ## 2. Verwendete Software
Als Game-Engine wurde Unity (Version: 2019.2.10f1) gewählt, die Grafiken wurden in Adobe- Photoshop, Adobe-Illustrator, Affinity Designer und Substance Painter erstellt. Für das Prototyping wurde Stift und Papier und Adobe XD verwendet. Als Game-Engine wurde Unity (Version: 2019.2.10f1) gewählt, die Grafiken wurden in Adobe- Photoshop, Adobe-Illustrator, Affinity Designer und Substance Painter erstellt. Für das Prototyping wurde Stift und Papier und Adobe XD verwendet.
...@@ -67,7 +67,7 @@ Zum Design des User Interface wurde überwiegend mit Adobe XD gearbeitet, damit ...@@ -67,7 +67,7 @@ Zum Design des User Interface wurde überwiegend mit Adobe XD gearbeitet, damit
Die Farben zum Design sind abgeleitet worden von den Farben die für die Charaktere des Spiels verwendet wurden. Hier war es wichtig dem Spieler ein einheitliches Bild auch außerhalb des Spiels durch die Menüführung zu bieten. Genauso wurde versucht das einheitliche Bild in den Icons wieder zu spiegeln, um die Benutzung so einfach wie möglich zu gestalten, damit der Spieler nicht durch viele unterschiedliche Farben vom eigentlichen Spiel abgelenkt wird. Die Farben zum Design sind abgeleitet worden von den Farben die für die Charaktere des Spiels verwendet wurden. Hier war es wichtig dem Spieler ein einheitliches Bild auch außerhalb des Spiels durch die Menüführung zu bieten. Genauso wurde versucht das einheitliche Bild in den Icons wieder zu spiegeln, um die Benutzung so einfach wie möglich zu gestalten, damit der Spieler nicht durch viele unterschiedliche Farben vom eigentlichen Spiel abgelenkt wird.
Bei der Überlegung was alles im User Interface untergebracht werden muss, wurde erstmal nach unterschiedlichen Inspirationen von User Interfaces speziell für Spiele in Google und Pinterest gesucht. Denn es war nicht ganz einfach dieses umzusetzen, da Susanne keine Erfahrungen im Spielebereich hatte und wie das User Interface für Spiele umgesetzt wird. Zusätzlich wurde dann in Absprache mit den anderen Departments festgelegt, was alles in dem Spiel benötigt wird um dem Spieler alles benötigte anzubieten aber nicht zuviel, sodass es unübersichtlich wird. Bei den Icons wurde versucht das Design der Figuren mit den dicken Outlines zu übernehmen, was nicht ganz so einfach umzusetzen war. Es wurde vorallem darauf geachtet dass die Linien der Icons dick sind. Die Icons wurden größtenteils selber erstellt und wenige aus flaticon.com verwendet. Bei der Überlegung was alles im User Interface untergebracht werden muss, wurde erstmal nach unterschiedlichen Inspirationen von User Interfaces speziell für Spiele in Google und Pinterest gesucht. Denn es war nicht ganz einfach dieses umzusetzen, da Susanne keine Erfahrungen im Spielebereich hatte und wie das User Interface für Spiele umgesetzt wird. Zusätzlich wurde dann in Absprache mit den anderen Departments festgelegt, was alles in dem Spiel benötigt wird um dem Spieler alles benötigte anzubieten aber nicht zuviel, sodass es unübersichtlich wird. Bei den Icons wurde versucht das Design der Figuren mit den dicken Outlines zu übernehmen, was nicht ganz so einfach umzusetzen war. Es wurde vorallem darauf geachtet dass die Linien der Icons dick sind. Die Icons wurden größtenteils selber erstellt und wenige aus flaticon.com verwendet.
Bei der Erstellung des Prototypen wurde darauf geachtet, dass es einfach ist, die verwendeten Farben in jedem Element zusammen ändern zu können. Dass hat es uns im Nachhinein erleichtert, nochmal kleinere Anpassungen zu machen und somit kurz schauen welche Farben am besten zueinander passen, damit nicht jedes einzelne Element angefasst werden musste. Das selbe Prinzip wurde noch für Komponenten angewendet, wie z.B. den Bereich wie man ins Menü kommt und wie man das Spiel beendet. Bei der Erstellung des Prototypen wurde darauf geachtet, dass es einfach ist die verwendeten Farben in jedem Element zusammen ändern zu können. Dass hat es uns im Nachhinein erleichtert, nochmal kleinere Anpassungen zu machen und somit kurz schauen welche Farben am besten zueinander passen, damit nicht jedes einzelne Element angefasst werden musste. Das selbe Prinzip wurde noch für Komponenten angewendet, wie z.B. den Bereich wie man ins Menü kommt und wie man das Spiel beendet.
Zum Schluss, als das ganze Design des Prototypen stand, wurden überall noch die ganzen Verlinkungen zwischen den einzelnen Elementen eingefügt. Somit konnte der Prototyp zum Testing verwendet werden und war einfach zum Durchklicken. Zum Schluss, als das ganze Design des Prototypen stand, wurden überall noch die ganzen Verlinkungen zwischen den einzelnen Elementen eingefügt. Somit konnte der Prototyp zum Testing verwendet werden und war einfach zum Durchklicken.
... ...
......