ÄGG – Murmelbahn

Ideenfindung

Zu Beginn hatten wir uns ein Thema in Richtung Asiatischer Küche vorgestellt. Sodass wir mittels der Murmelbahn die Geschichte der Zubereitung eines Gerichtes visuell darstellen wollten. Jedoch haben wir diese Idee wieder verworfen da wir zu sehr den Fokus auf Recherche hätten legen müssen.

Design

Unsere Murmel rollt durch eine schwarz-weiße Illustrationswelt, wobei sie durch ihre Farbe einen Kontrast setzt und so optisch in den Vordergrund springt. Um trotz der Farbreduktion verschiedene Stimmungen verstärkt vermitteln zu können haben wir das Spektrum, durch das hinzugeben von einem leichten Blaustich, stellenweise erweitert.

Umsetzung

Bei der Umsetzung haben wir die Stationen aus der Phase der Ideenfindung zum einen zeichnerisch in dem Format 16:9 umgesetzt und parallel mit dem coden begonnen. Hier haben wir unsere Elemente wie zum Beispiel brechende Bretter, der Wechsel von Zuständen, Push-Elemente, Magneten und vieles mehr ins Leben gerufen und mit unserer Bewegung vereint.

User Testing

Nach dem Fertigstellen der Bahn hatten wir die Möglichkeit ein Testing unseres Projektes mit circa 20 Personen durchzuführen. Dabei kam raus, dass es sowohl bei der Steuerung als auch bei einigen Stellen kleinere Probleme aufgetreten sind, welche wir bestmöglich beglichen haben. Ein größeres Problem bestand darin, dass unsere Murmelbahn auf manchen Endgeräten verzerrt dargestellt wird und dadurch schlecht oder gar nicht mehr zu spielen ist.
Positiv ist hingegen aufgefallen, dass die Tester insgesamt Spaß am Spielen hatten. Sie wurden durch unsere Bahn amüsiert, unterhalten und darüber hinaus auch optisch überzeugt.

Murmelbahn

Anbei den Link zu unserem GitHub Repository und GitHub Pages zum spielen der Murmelbahn.
Infos:
Zum durchspielen auf dem Browser empfehlen wir Safari zu verwenden. Gespielt wir mit der SpaceBar(Leertaste)