Portfolio

Vivien Bardosi
Svenja Dittrich
Lukas Ponikowski
Portfolio
Interface Design I & II
Inhalt
Einführung in die Arduino-Welt .............................................................................................................. 2
Ideenfindung ........................................................................................................................................... 2
Spielprinzip .............................................................................................................................................. 3
Wer ist BMO? .......................................................................................................................................... 3
Umsetzung .............................................................................................................................................. 4
Resultat ................................................................................................................................................... 7
Programmcode ....................................................................................................................................... 8
Quellen .................................................................................................................................................... 9
1

Einführung in die Arduino-Welt
In den ersten Stunden des Blockseminars wurden wir mit dem Arduino Mikrocontroller vertraut
gemacht und erhielten eine Einführung in ElektrSotechnik, in der wir mit Widerständen, LEDs und
Servos umzugehen lernten. Mithilfe der Arduino Library for Processing wurde uns außerdem die
Möglichkeit eröffnet, das Arduino-Board in der Programmiersprache Processing zu programmieren.
So konnten wir bereits in den ersten Semestern erlangtes Wissen direkt auf das Blockseminar
übertragen.
Ideenfindung
Kurz darauf galt es sich als Gruppe Gedanken über eine Projektidee zu machen. Das Arduino-Board
sollte den Kern des Projekts darstellen. Bei der Ideenfindung haben wir großen Wert auf
fortlaufende Interaktion mit dem Benutzer gelegt. Nachdem wir die Idee eines über Gamepads
gesteuerten elektro-mechanischen Fußballkickers aufgrund der Umsetzbarkeit wieder verwarfen,
hat sich das Geschicklichkeitsspiel „Heißer Draht“ als gute Idee erwiesen.
2

Spielprinzip
Beim „Heißen Draht“ geht es darum, einen Stab mit einer Drahtöse durch einen Parcours aus
gebogenem Draht zu führen. Dabei darf die Öse den Draht nicht berühren. Der Einfachheit halber
haben wir uns für die umgekehrte Variante entschieden, in der ein leitender Stab dauerhaft mit dem
Draht verbunden sein muss. Wird der Draht los gelassen, ist das Spiel zu Ende.
Wer ist BMO?
Bei der gestalterischen Umsetzung unseres Projekts bedienten wir uns an
der US-amerikanischen Zeichentrickserie „Adventure Time“, die seit 2010
auf Cartoon Network ausgestrahlt wird. In der Serie wird neben den
beiden Protagonisten Finn und Jake, ihre sprechende Videokonsole BMO
(Beemo) thematisiert. BMO wurde programmiert, um Gefühle zu
empfinden und Spaß verstehen zu können. Sie bildet die Vorlage für die
Gestaltung unseres Projekts.
3

Umsetzung
Der Nachbau von BMO erfolgte mithilfe zweier Keilrahmen, die wir für das Gerüst verwendeten. Die
Rahmen wurden auseinander gebaut, zu einem Holzgestell zusammen genagelt und anschließend
mit dünnen MDF-Platten versehen.
Mithilfe von Acrylfarbe haben wir der Konstruktion den passenden Anstrich in BMO-Optik verliehen.
Die Level stickten wir mit dünnem Kupferdraht durch die MDF-Platte. Eingebaute Glühbirnen sollten
dem Spieler signalisieren, in welchem Level er sich befindet.
Beim Level-Design achteten wir auf einen angemessenen Schwierigkeitsgrad, indem wir Hindernisse
einbauten. Mithilfe von Servos haben wir z.B. Abschnitte installiert, die auf und ab wippten. In
4

gepflegter Adventure-Manier wurde außerdem ein Level umgesetzt, in dem es galt drei Schalter zu
drücken, bevor man fortfahren konnte. Außerdem sollte der Spieler in einem in einem der Level den
kleinen Mini-BMO mit einem am Stab befestigten Haken „retten“ und in einen dafür vorgesehenen
Korb fallen lassen.
Das Spiel integrierten wir daraufhin in das Display von BMO, von wo aus der Großteil der Interaktion
mit dem Spieler stattfinden sollte.
5

Als besondere Herausforderung hat sich das Kabelmanagement auf der Rückseite des Spielfelds
herausgestellt. Um die vielen LEDs und Servos steuern zu können, sind eine Menge Kabel notwendig
gewesen, die ebenfalls auf dem Steckboard untergebracht werden mussten.
BMO wurde zuletzt noch um eine Vorrichtung erweitert, die das Spielfeld vor Spielbeginn verdeckte.
Bei Münzeinwurf sollte diese Klappe dann mechanisch herunter gefahren werden. Aufgrund des
knappen Zeitrahmens haben wir diese Idee allerdings nicht mehr im Programmcode umsetzen
können. Insgesamt haben wir uns deshalb auf die wesentliche Spielfunktion beschränkt.
6

Resultat
7

Programmcode
import org.firmata.*;
import cc.arduino.*;
import processing.serial.*;
import cc.arduino.*;
Arduino arduino;
void setup()
{
size(360,200);
arduino = new Arduino(this, "/dev/cu.usbmodem1411", 57600);
}
arduino.pinMode(9, Arduino.INPUT); // level 1
arduino.pinMode(7, Arduino.INPUT); // level 2
arduino.pinMode(8, Arduino.INPUT); // level 3
arduino.pinMode(6, Arduino.INPUT); // level 4
arduino.pinMode(3, Arduino.OUTPUT); // LED level 1
arduino.pinMode(5, Arduino.OUTPUT); // LED level 2
arduino.pinMode(4, Arduino.OUTPUT); // LED level 3
arduino.pinMode(2, Arduino.OUTPUT); // LED level 4
void draw()
{
}
if (arduino.digitalRead(9) == 1){ // level 1
arduino.digitalWrite(3, Arduino.HIGH); // LED level 1
} else {
arduino.digitalWrite(3, Arduino.LOW); // LED level 1
}
if (arduino.digitalRead(7) == 1){ // level 2
arduino.digitalWrite(5, Arduino.HIGH); // LED level 2
} else {
arduino.digitalWrite(5, Arduino.LOW); // LED level 2
}
if (arduino.digitalRead(8) == 1){ // level 3
arduino.digitalWrite(4, Arduino.HIGH); // LED level 3
} else {
arduino.digitalWrite(4, Arduino.LOW); // LED level 3
}
if (arduino.digitalRead(6) == 1){ // level 4
arduino.digitalWrite(2, Arduino.HIGH); // LED level 4
} else {
arduino.digitalWrite(2, Arduino.LOW); // LED level 4
}
8

Quellen
http://2.bp.blogspot.com/-
o4bo40gAoHc/TkLLQ7UfDsI/AAAAAAAAAwM/jKf6irTi1Sc/s1600/beemo.png
http://i1106.photobucket.com/albums/h376/masalya9940/beemo_dancing_by_norrlingd5afmpo_zps90296e75-1_zps208021b7-1_zps34ad7b87.jpg
http://playground.arduino.cc/interfacing/processing
http://de.adventuretime.wikia.com/wiki/BMO
http://de.wikipedia.org/wiki/Adventure_Time_%E2%80%93_Abenteuerzeit_mit_Finn_und_Jake
9