Benutzeroberflaeche
Die Benutzeroberfläche ermöglicht es, dem Nutzer die Raum- und Pinsel-Eigenschaften zu steuern.
Um aus convos ein interaktives und persönliches Erlebnis zu machen, muss dem Nutzer eine Schnittelle angeboten werden. Diese Schnittelle soll dem Nutzer die Möglichkeit bieten Parameter eines Raums oder Pinsels zu verändern. Zusätzlich soll sie Zugriff auf Funktionen wie Snapshots oder Videoaufnahmen ermöglichen.
Zu den Parametern gehören Form und Farbe des Pinsels, aktivieren/deaktivieren von Partikeln und deren Farbe, Richtung und Intensität der Gravitation und ein-/ausschalten von Filtern.
Convos bedient sich einer Sidebar um dem Nutzer eine Schnittstelle anzubieten. Die Sidebar liegt über der Leinwand und lässt sich mit Hilfe eines einzelnen Buttons ein und ausklappen.
Für die implementation dient die UI-Laufzeitumgebung react.js. Die Kommunikation zwischen der Benutzeroberfläche und der Anwendung findet über das state management tool redux.js statt.
Die Sidebar besteht aus zwei Ebenen, einer Primär und einer Sekundär ebene. Auf der Primär ebene befinden sich Funktionen die über keine Unterfunktionen verfügen oder Ausklappbare Funktionsgruppen.
Kein Unterfunktionen haben zum Beispiel die Snapshot-, Record- oder Fullscreen Funktion. Was nicht bedeutet das diese Funktionen in Zukunft keine Unterfunktionen erhalten können.
Funktionsgruppen wie Filter, Partikel oder Fill bieten dem Benutzer eine Auswahl an Unterfunktionen an. So kann zum beispiel jeder filter individuel ein- und ausgeschaltet werden. Oder mehrere quellen für Fill ausgewählt werden: Webcam, Image oder Farbton und Sättigung.
