¶ Arbeitstitel: Voll verdreht!
(ex. Schattenbild-Escape)
¶ Media Design 2 | Sommersemester 2026
¶
¶ Gruppenmitglieder |
¶ Matrikelnummer |
¶ Verantwortlichkeit |
¶ Studiengang |
| Eren Kirmaci | xxx1981 | Design, Programmierung | Media Systems |
| Justus Ahrens | xxx9662 | Programmierung, Allgemein, Controller | Media Systems |
| Micaela Quintanilla Perea | xxx5250 | 3D-Modellierung, Animation, Design | Media Systems |
| Pascal Klintworth | xxx0307 | Programmierung, Technik | Media Systems |
Tabelle 1: Das Team
¶ Das Spiel:
Link 1: GitHub
Im Repo befindet sich ein Ordner mit dem Namen “Build”, in dem sich das Spiel als .exe Programm und das Controller-System als APK App befinden.
¶ Game Design Document:
¶ 1. Einführung
¶ 1.1 Kurzbeschreibung
- Drehe die Objekte mit dem Controller, bis die Figur im Schatten erkennbar ist. Leuchtet das Objekt grün, hast du die richtige Position gefunden. Für 1 SpielerIn.
¶ 1.2 Grundidee, Zielsetzung und Scope
Die Grundidee des Projekts besteht darin, ein interaktives Schattenpuzzle als spielerische Anwendung für den Kioskbetrieb zu entwickeln. Der Spieler bewegt und dreht ein Objekt mithilfe eines Controllers, bis dessen Schatten mit einer vorgegebenen Form übereinstimmt. Durch die Kombination aus interaktiver Steuerung, visueller Rückmeldung und abschließenden Animationen soll eine spaßige und interessante Nutzererfahrung entstehen.
Ziel des Projekts ist die Entwicklung einer stabilen und leicht verständlichen Anwendung, die ohne umfangreiche Erklärungen bedient werden kann. Das Spiel hat zwei Puzzle-Level mit unterschiedlichen Modellen und nach erfolgreichem Abschluss eines Levels wird eine Animation als Belohnung angezeigt. Zusätzlich werden Funktionen wie ein Kiosk-Modus, ein Pause-Menü, Lautstärkesteuerung sowie ein automatischer Rücksprung zum Hauptmenü nach längerer Inaktivität umgesetzt.
Der Scope umfasst die Entwicklung der Unity-Anwendung einschließlich der Puzzle-Logik, Objektrotation, Controller- bzw. Bewegungserfassung, Benutzeroberfläche, Levelverwaltung und Abschlussanimationen. Ebenfalls Bestandteil sind die Audioverwaltung, der Kiosk-Startablauf und verschiedene Zustände wie Pause und Levelabschluss. Der Fokus liegt auf einer lokal ausführbaren, für den vorgesehenen Kioskbetrieb optimierten Anwendung.
¶ 1.3 Anleitungen
¶ 1.3.1 Anleitung für die Installation
- Für die Installation braucht man einen Computer für das eigentliche Spiel und ein Android Handy mit funktionierendem Gyrosensor für den Controller
- Der Build des Spiels und die APK für den Controller befinden sich im GitHub Repo (Link zum GitHub)
- Die Dateien aus dem GitHub herunterladen
- Wir haben jeweils einen Build-Ordner für den PC-Client und für den Controller. Im PC-Build ist die “Schattenbild-Escape.exe” zu finden und im Handy-Build die "Schattenbild-Escape.apk"
- Um das Spiel zu starten öffnet ihr das Spiel über die .exe aus dem PC-Build Ordner. Diese über Rechstklick “Als Administrator ausführen” starten.
- Um den Controller vorzubereiten muss die “Schattenbild-Escape.apk” aus dem Handy-Build Ordner installiert werden. Dafür reicht es meistens aus die .apk in die Dateien des Handys zu schieben, danach sollte sich die App von selbst installieren. Wenn nicht, dann muss die Datei einmal manuell geöffnet werden.
- Sowohl PC als auch Handy müssen im gleichen Netzwerk sein.
- PC Spiel starten, danach die App auf dem Handy starten.
- Das Handy und der PC sollten sich automatisch miteinander Verbinden. Bei erfolgreichem Verbinden ist eine IP-Adresse auf dem Bildschirm der Handy-App sichtbar.
- Wenn es nicht klappt oder es Probleme gibt, das Team bei Eren.Kirmaci@haw-hamburg.de kontaktieren
¶ 1.3.2 Anleitung für den Rundgang
- Man braucht ein Computer, Android Handy und ein USB-Stick mit dem Spiel drauf
- Um den Sound auszustellen drück die X Taste
- Um die Musik auszustellen drück die Z Taste
- Für das Debuggen des Systems (Vervollständigung der Modelle, ohne Gyro-Funktion) wird E gedrückt
- ESC wird für das Pause Menü genutzt dort kann man Level auswählen und ins Hauptmenü zurück oder das Spiel beenden
- Im Kiosk Hauptmenü gibt es noch ein Alternatives Hauptmenü mit E (Ohne Gyro-Funktion), dort kann man Level auswählen, das Spiel starten und das Spiel beenden
- Beim Handy sollte der Bildschirm immer an sein, sonst funktioniert es nicht
- Das Build des Spiels befindet sich im GitHub Repo
- Die APK ist auf dem Samsung Galaxy S10e schon installiert
- Den USB-Stick in den Computer einstecken
- Das Spiel auf dem Computer kopieren
- USB-Stick abziehen
- Das Spiel soll nur als Admin gestartet werden. Dementsprechend bei "Schattenbild-Escape.exe", das in den Eigenschaften aktivieren
- Das Spiel starten
- Das Android Handy zur Hand nehmen und starten
- Das Spiel funktioniert nur im "MT-Guest" WLAN also explizit sich mit dem WLAN verbinden
- Ebenfalls muss man am Computer im gleichen Netz, per WLAN in "MT-Guest" verbunden sein
- Auf dem Handy ist die App "Schattenbild-Escape-Handy-Controller" zusehen, dass soll ausgeführt werden
- Auf dem Handy soll eine IP Adresse angezeigt werden
- Handy bewegen und testen ob der Countdown beim PC losgeht
- Wenn alles klappt, dann das Handy in die Luftpolzerfolie legen und dann in die Pouch stecken
- Ebenfalls soll die Pouch an einem Seil befestigt sein, zur Sicherheit
- Wenn es nicht klappt oder es Probleme gibt, das Team bei Eren.Kirmaci@haw-hamburg.de kontaktieren
¶ 1.4 Gameplay-Video-Capture und Video vom Rundgang
Link 2: Video vom Rundgang
¶ 1.5 Präsentation und Konzept
Link 3: Präsentation/Konzept (PDF)
Link 4: Miro
¶ 2. Mechanics und Technology
¶ 2.1 Steuerung/Funktionsweise
- Steuerung der Puzzle-Objekte durch rotieren des Handys
- Erkennung der korrekten Ausrichtung über die Schattenprojektion und Farbenfeedback
- Bewegungserfassung über Controller und Gyroskop
- Automatisches Erkennen einer korrekt gelösten Puzzle-Position
- Wechsel zum nächsten Puzzle nach erfolgreicher Lösung
- Levelabschluss durch Animationen und visuelles und akustisches Feedback
- Pause-Menü mit Levelauswahl über die Escape-Taste
- Musik und Sounds an- und ausstellen durch X- und Z-Taste
- Automatischer Neustart bei längerer Inaktivität
- Kiosk-Modus mit automatischem Ablauf und Rückkehr zum Hauptmenü
- Kiosk-Menü für Kiosk-Modus und normales Hauptmenü mit Levelauswahl durch E-Taste
¶ 2.2 Gameplay Features und Player Actions/Game Prinzip
- Umsetzung als interaktives Schattenpuzzle
- Objekte durch Rotation passend zum vorgegebenen Schatten ausrichten
- Schatten als visuelle Orientierung für die richtige Positionierung mit Feedback durch Farben
- Zwei Puzzle-Level mit steigender Komplexität
- Spieler interagiert hauptsächlich durch Bewegung und Rotation
- Visuelles Feedback bei erfolgreicher Puzzle-Lösung durch spezielle Animationen und Zwischensequenzen
- Fortschritt wird über mehrere Puzzle-Teile und zwei Leveln dargestellt
- Bei längerer Inaktivität erfolgt ein automatischer Neustart
- Kiosk-Modus ermöglicht einen selbstständigen Ablauf ohne dauernde Bedienung
¶ 2.3 Engine, Game Loop und Zielgruppe
- Engine: Unity Engine
- Game Loop: Hauptmenü → Countdown durch bewegen von Controller → Puzzle startet → Objekt richtig ausrichten → Animation wird gespielt → nächstes Puzzle → Objekte richtig ausrichten → Animation wird gespielt → Endscreen mit Code und Countdown → Hauptmenü
- Zielgruppe: Besucher und Interessierte jeder Altersklasse wegen einfache Bedienung ohne umfangreiche Vorkenntnisse oder Erklärungen und Kiosk-Systems
¶ 3. Entwicklung und Konzeptionierung
¶ 3.1 Herausforderungen
- Präzise Erkennung der korrekten Objektrotation
- Zuverlässige Verarbeitung der Controller- und Bewegungseingaben
- Abstimmung von Schatten, Objektposition und Puzzle-Erkennung
- Umsetzung eines stabilen Level- und Puzzlewechsels
- Synchronisation von Animationen, Modellen und visuellen Effekten
- Steuerung von Hintergrund- und Animationsmusik während der Sequenzen
- Umsetzung eines zuverlässigen Kiosk-Modus mit automatischem Start
- Vermeidung unerwünschter Eingaben während Animationen und Overlays
- Fehlerbehebung bei unterschiedlichen Spielzuständen und Übergängen
- Stabilisierung und Optimierung der Anwendung für den Kioskbetrieb
¶ 3.2 Milestones
- Grundidee, Gameplay und visuelles Konzept des Schattenpuzzles festgelegt
- Implementierung der grundlegenden Objektsteuerung und Rotation
- Entwicklung der Schatten- und Puzzle-Erkennungsmechanik
- Integration der Controller- und Bewegungserfassung
- Umsetzung der Levelstruktur mit mehreren Puzzle-Leveln
- Implementierung von Hauptmenü, Levelauswahl und Pause-Menü
- Entwicklung der Levelabschlusssequenzen mit Animationen und visuellen Effekten
- Integration von Hintergrundmusik, Animationsmusik und Lautstärkesteuerung
- Implementierung des Kiosk-Modus mit Bewegungserkennung und Countdown
- Umsetzung des automatischen Level-Neustarts sowie des Idle-Resets
- Fehlerbehebung, Optimierung und Stabilisierung der gesamten Anwendung
- Abschluss einer vollständig spielbaren und für den Kioskbetrieb geeigneten Version
¶ 3.3 Entstehungsprozess & verworfene Ideen
Zu Beginn des Semesters nutzten wir die Kollaborationsplattform Miro für ein gemeinsames Brainstorming. Jedes Teammitglied hielt erste Ideen und persönliche Interessen auf farbigen digitalen Notizzetteln fest. Ziel dieser ersten Phase war es, die verschiedenen Vorschläge zu bündeln und einen gemeinsamen Nenner für das Spielekonzept zu finden.
Ursprünglich war geplant, ein Wimmelbildspiel zu machen, diese Idee haben wir jedoch verworfen, weil das gesamte Konzept zu Basic war, und uns auch nicht so viel dazu eingefallen ist, wie ursprünglich gedacht. Wir haben uns letztlich dagegen entschieden, und haben die Idee mit dem Schattenbild-Puzzle verfolgt.
Ebenfalls war anfangs geplant gewesen, dass ganze deutlich technischer zu machen. Wir wollten ein viereckigen Controller 3D-drucken und ein Mikrocontroller einbauen der ebenfalls mit einem Gyro-Sensor bestückt ist. Zusätzlich sollte es ein Sockel zum kalibrieren geben und die Kommunikation sollte über Bluetooth erfolgen. Dazu hatten wir Skizzen gemacht, haben uns jedoch dagegen entschieden und stattdessen ein Handy verwendet, da es einen eingebauten Gyro-Sensor besitzt.
¶ Moodboard:
¶ 4. Konzeptionierung/Entstehung
¶ 4.1 Referenzspiele, Vorbilder/Inspiration und Abgrenzung
Als Referenzspiele wurde In The Shadows, ein GitHub Projekt und das Handyspiel Shadowmatic genommen. Beide Spiele dienten als Inspiration für die grundlegende Idee, Objekte durch deren Schatten zu erkennen und passend auszurichten. Von In The Shadows wurde vor allem die Nutzung von Licht und Schatten als zentrales Spielelement inspiriert. Shadowmatic diente insbesondere als Vorbild für die Rotation von Objekten und das Erzeugen von erkennbaren Schattenformen.
Diese Spiele dienten als Vorbilder und inspirierten zur eigenständiger Umsetzung. Das eigene Projekt grenzt sich durch die Kombination dieser Mechanik mit Bewegungserfassung, Controller-Steuerung und einem interaktiven Kiosk-System ab. Zusätzlich wurde eine eigene dunkle und geheimnisvolle Atmosphäre geschaffen, die durch die visuelle Gestaltung, Hintergrundmusik und spezielle Abschlussanimationen unterstützt wird. Dadurch entsteht eine kurze, geführte Spielerfahrung, die sich von den klassischen Puzzle-Spielen unterscheidet.
¶ 4.2 Skizzen/Concept Arts
Zu Beginn und im laufe der Entwicklung wurden verschiedene Concept Arts erstellt, um die grundlegende Gestaltung des Spiels und Controllers festzulegen. Dabei wurden auch Storyboards der beiden Animationen, das Design des Controllers und das aussehen der Kiosk-Menüs gezeichnet.
Die Skizzen dienten als Grundlage für die spätere Umsetzung und halfen dabei, die visuelle Gestaltung und den Aufbau festzulegen. Während der Entwicklung wurden einzelne Elemente angepasst und weiterentwickelt, um die Bedienung, Atmosphäre und technische Umsetzung zu verbessern.
¶ 5. Aesthetics
¶ 5.1 Game Design Pillars/Design Intentions
- Dunkle und Geheimnisvolle Atmosphäre
- Mystischer Musik
- Lösen von mehreren Puzzeln
- Dialoge mit NPCs führen
¶ 5.2 Art Style und Animationen
Art Style:
Der Art Style des Spiels ist dunkel, minimalistisch und atmosphärisch gehalten. Die reduzierte Gestaltung lenkt die Aufmerksamkeit auf die Puzzle-Objekte, die Lichtquelle und die entstehenden Schatten. Dunkle Umgebungen und dezente Beleuchtung unterstützen dabei die geheimnisvolle Atmosphäre des Spiels. Die Gestaltung der Modelle, Umgebung, UI und Animationen wurde möglichst einheitlich gehalten, sodass ein konsistentes visuelles Erscheinungsbild entsteht. Dadurch passt der Art Style zum zentralen Thema des Spiels, bei dem Licht und Schatten die wichtigste Rolle spielen.
.png)
.png)
Animationen und Figuren:
Es wurden Figuren ausgewählt, die für Kinder geeignet sind. Daher haben wir uns für die Tiere aus „Die Bremer Stadtmusikanten“ entschieden (leider haben wir nur geschafft, die Katze und den Hund zu darstellen).
Die Animationen wurden in 2D erstellt und als MP4 exportiert. Sie wurden in Procreate mit 12 fps erstellt (idealerweise wären 24 fps besser gewesen, aber um Zeit zu sparen, wurde mit 12 fps eine akzeptable flüssige Bewegung erreicht). Der Schatten der 3D Objekte wurde als erstes Frame verwendet, und darauf wurden die übrigen Keyframes (bzw. das Storyboard) erstellt.
¶ 5.3 Environment Design und Sound Design
Environment:
Das Environment wurde passend zur geheimnisvollen und dunklen Atmosphäre des Schattenpuzzles gestaltet. Die Umgebung verwendet eine reduzierte, dunkle Farbgebung und eine dezente Beleuchtung, wodurch die Schatten und die zu lösenden Puzzle-Objekte im Mittelpunkt stehen. Die Gestaltung der einzelnen Elemente wurde dabei möglichst konsistent gehalten, um einen einheitlichen visuellen Stil und ein zusammenhängendes Look & Feel zuhaben.
.png)
Sounds:
Für das Sound Design wurden Sounds ausgewählt, die zu der Atmosphäre des Spiels passen. Aufgrund der dunklen und Geheimnisvolle Atmosphäre haben wir eine Hintergrundmusik rausgesucht, die diese Atmosphäre widerspiegelt. Für die Abschlussanimationen wurden zusätzlich kurze, verspielte Musikstücke verwendet, die klanglich an eine Spieluhr erinnern und dadurch passend zu den jeweiligen Animationen wirken.
¶ 5.4 UI-Design
HUD & Ingame-Statusanzeigen:
- Reduziertes UI, damit das Puzzle und die Schattenprojektion im Mittelpunkt stehen
- Levelabschluss wird durch ein Overlay mit entsprechender Rückmeldung angezeigt
- Das einzige UI-Element sind die Lautstärke Icons
- Lautstärke kann direkt über das UI bzw. die Z-Taste und X-Taste gesteuert werden
- Countdown im Kiosk-Modus zeigt die verbleibende Zeit bis zur Rückkehr ins Hauptmenü
Menü-Screenflow:
- Hauptmenü als zentraler Einstiegspunkt
- Levelauswahl mit Auswahl zwischen verfügbaren Leveln
- Pause-Menü während des Spiels mit Zugriff auf Levelauswahl und weitere Optionen
- Für den Kiosk-Modus existiert ein einfaches Hauptmenü mit Demo und Countdown wenn der Controller bewegt wurde
- Levelabschluss-Overlay führt zum nächsten Puzzle bzw. zum nächsten Abschnitt
- Nach Abschluss des letzten Levels startet ein Countdown zur Rückkehr ins Hauptmenü
¶ Projektdokumentation:
¶ 6. Management und Dokumentation
¶ 6.1 Allgemein/Verwaltung
Bei unserem Projekt haben wir uns bei jeder Vorlesung über das Projektfortschritt beredet und weitere Planungen angestellt.
Es wurde eine klare Rollenverteilung angestrebt. Die Organisation und Moderation des Projektes war Allgemein bei jeden. Eren übernahm das Designen und Programmieren des Spiels, sowie Bugfixes und Problemlösungen zuständig. Pascal war für Technischen Sachen zuständig, wie das Programmieren des Handy Controllers. Micaela war für das Modellieren der 3D-Modelle, die Erstellung der Animationen und das Designen des Kiosk-Menüs zuständig. Justus war für Projekt-Management, Programmieren und Designen des Controllers zuständig. Die Rollenverteilung war in unserem Fall nicht starr, sondern flexibel. Je nach Bedarf unterstützten einzelne Teammitglieder auch in anderen Aufgabenbereichen außerhalb ihrer primären Rolle.
Für die Dokumentation unserer Arbeit haben wir die Miro Seite und die Wiki Seite als zusätzliches Tool verwendet. Hauptsächlich haben wir zur Organisation Discord und WhatsApp genutzt, dadurch konnten wir alle relevanten Elemente wie das Brainstorming oder die Aufgabenverwaltung zentral verbinden. Wenn wir uns außerhalb der Vorlesung besprochen haben fand es ebenfalls über Discord statt, wobei insbesondere die Streaming-Funktion geholfen hat, Bugs, Probleme und den Fortschritt einfach darzustellen.
Für die Versionsverwaltung haben wir GitHub und GitHub Desktop verwendet.
¶
¶ 6.3 Umsetzung
¶ 6.3.1 Zeitliche Planung
¶ Bereich |
¶ Aufgaben |
¶ Erwarteter Zeitaufwand |
¶ Tatsächlicher Zeitaufwand |
¶ Priorität |
¶ Zuweisung |
¶ Arbeitsfortschritt |
| Programmierung | Gyro-Funktionalität für Handy programmieren | 10 Stunden | 20 Stunden | Hoch | Pascal | Abgeschlossen |
| Programmierung | Gyro-Funktionalität für Controller programmieren | 4 Stunden | 4 Stunden | Hoch | Pascal, Eren | Abgeschlossen |
| Design | Erstes 3D-Modell erstellen | 1 Stunde | 2 Stunden | Hoch | Micaela | Abgeschlossen |
| Design | Mehr 3D Modelle erstellen | 2 Stunden | 4 Stunden | Hoch | Micaela | Abgeschlossen |
| Design | Prototyp-Szene erstellen | 1 Stunde | 1 Stunde | Hoch | Eren | Abgeschlossen |
| Design | Controller-Prototyp | 3 Stunden | 3 Stunden | Hoch | Micaela | Abgeschlossen |
| Design | Animation einfügen | XX Stunden XX Minuten | 6 Stunden 30 Minuten | Hoch | Eren | Abgeschlossen |
| Design | Animationen erstellen | 5 Stunden | 7 Stunden | Hoch | Micaela | Abgeschlossen |
| Design | Menü erstellen | 4 Stunden | 8 Stunde | Niedrig | Eren | Abgeschlossen |
| Design | Gestaltung des Menüs | 30 Minuten | 1 Stunde | Niedrig | Micaela | Abgeschlossen |
| Programmieren | Gyro-Funktion verbessern | 8 Stunden | 11 Stunden | Mittel | Pascal | Abgeschlossen |
| Konzeptionierung | Design und Materialien für Controller zusammensuchen + Handy suchen | 3 Stunden | 3 Stunden | Hoch | Pascal, Eren, Justus, Micaela | Abgeschlossen |
| Design | Controller anfertigen | 3 Stunden | 6 Stunden | Hoch | Justus | Abgeschlossen |
| Design | Hintergrundmusik und Sounds + Animationsmusik | 1 Stunde | 2 Stunden 30 Minuten | Niedrig | Eren | Abgeschlossen |
| Programmieren | Level Sektionen und Aufbau des Spiels | 3 Stunden | 8 Stunden | Hoch | Eren | Abgeschlossen |
| Programmieren | Anzeigen der Teilbilder (nach dem Lösen eines Sub-Levels bleibt der Schatten an der Wand) | 2 Stunden | 3 Stunden 30 Minuten | Hoch | Justus | Abgeschlossen |
| Design | Farbige Umrandung → Licht | 30 Minuten | 45 Minuten | Mittel | Eren | Abgeschlossen |
| Programmieren | Menü durch Kiosk Version ersetzt | 2 Stunden | 6 Stunden | Mittel | Eren | Abgeschlossen |
| Programmieren | Level Manager erstellen | 10 Stunden | 12 Stunden | Hoch | Justus. Pascal | Abgeschlossen |
| Programmieren | Cursor im Spiel entfernt | 30 Minuten | 2 Stunden | Mittel | Eren | Abgeschlossen |
| Programmieren | Volume Funktion und Icon | 1 Stunde | 2 Stunden | Niedrig | Eren | Abgeschlossen |
| Design | Demo Video hinzugefügt | 15 Minuten | 1 Stunde | Hoch | Eren | Abgeschlossen |
| Konzeptionierung | Kurzbeschreibung und Anleitung erstellt | 30 Minuten | 30 Minuten | Hoch | Eren, Micaela | Abgeschlossen |
| Konzeptionierung | Konzeptionierung des übergeordneten Escape-Rooms | 5 Stunden | 7 Stunden | Hoch | Justus | Abgeschlossen |
| Design | Mehr Modelle und Animationen für Level 3 | - | - | Niedrig | Micaela | Gestrichen |
| Programmieren | Level 3 einbauen | - | - | Niedrig | Eren | Gestrichen |
Tabelle 2: Zeitliche Planung
¶ 6.3.2 Assets/Feature List
| Asset-Kategorie | Verwendung im Spiel |
| Environment-Assets | Wände, Animation, 3D-Objekte |
| Menü-Assets | Pausemenü, Levelmenü, Hauptmenü, Kioskmenü, Endmenü, Levelpanels |
| Audio-Assets | Hintergrundmusik und Soundeffekte für Interaktionen |
Tabelle 3: Assets/Feature List
¶ 6.3.3 Materialkosten
¶ Objekt |
¶ Funktion |
¶ Kosten (€) |
| Android Smartphone | Controller-Gyro | 116,00 |
| Lappen | Controller | 10,00 |
| Klettverschluss | Controller | 3,00 |
| Augen | Controller | 2,00 |
| Gesamt: 131,00 |
Tabelle 4: Materialkosten
¶ 6.4 Stundenaufstellung
¶ 6.4.1 Design
¶ Name |
¶ Erwarteter Zeitaufwand |
¶ Tatsächlicher Zeitaufwand |
| Eren | 10 Stunden | 12 Stunden 30 Minuten |
| Justus | 6 Stunden | 9 Stunden |
| Micaela | 12 Stunden | 17 Stunden 30 Minuten |
| Pascal | - | - |
Tabelle 5: Design
¶ 6.4.2 Programmierung
¶ Name |
¶ Erwarteter Zeitaufwand |
¶ Tatsächlicher Zeitaufwand |
| Eren | 20 Stunden | 25 Stunden 30 Minuten |
| Justus | 12 Stunden | 10 Stunden 30 Minuten |
| Micaela | - | - |
| Pascal | 24 Stunden | 35 Stunden 30 Minuten |
Tabelle 6: Programmieren
¶ 6.4.3 Ideen und Konzeptionierung
¶ Name |
¶ Erwarteter Zeitaufwand |
¶ Tatsächlicher Zeitaufwand |
| Eren | 2 Stunden | 5 Stunden |
| Justus | 8 Stunden | 7 Stunden |
| Micaela | 5 Stunden | 10 Stunden |
| Pascal | 3 Stunden | 6 Stunden 30 Minuten |
Tabelle 7: Ideen und Konzeptionierung
¶ 6.4.4 Wikiseite, Dokumentation, Präsentation und Rundgang
¶ Name |
¶ Erwarteter Zeitaufwand |
¶ Tatsächlicher Zeitaufwand |
| Eren | 7 Stunden | 12 Stunden |
| Justus | 5 Stunden | 5 Stunde 30 Minuten |
| Micaela | 2 Stunden | 4 Stunde 30 Minuten |
| Pascal | 2 Stunden | 5 Stunde |
Tabelle 8: Wikiseite, Dokumentation und Präsentation
¶ 6.4.5 Besprechungen
¶ Besprechung |
¶ Dauer |
| 1. Fr. 08.05.2026 | 1 Stunde 30 Minuten |
| 2. Do. 14.05.2026 | 1 Stunde |
| 3. Di. 19.05 | 1 Stunde |
| 4. Di. 26.05 | 1 Stunde |
| 5. Di. 02.06 | 1 Stunde |
| 6. Di. 09.06 | 1 Stunde |
| 7. Di. 16.06 | 2 Stunden |
| 8. Di. 23.06 | 2 Stunden |
| 9. Di. 30.06 | 2 Stunden |
| 10. Di. 07.07 | 2 Stunden 30 Minuten |
| Summe | 15 Stunden |
Tabelle 9: Besprechungen
¶ 6.4.6 Summe
¶ Name |
¶ Erwartete Summe (Ohne Besprechungen) |
¶ Tatsächliche Summe (mit Besprechungen) |
| Eren | 39 Stunden | 70 Stunden |
| Justus | 31 Stunden | 47 Stunden |
| Micaela | 19 Stunden | 47 Stunden |
| Pascal | 29 Stunden | 62 Stunden |
Tabelle 10: Summe
¶ 6.5 Fazit
¶ 6.5.1 Was lief gut
Im Projekt konnten alle wichtigen Spielmechaniken funktionierend umgesetzt werden. Dazu gehören die Gyro-Steuerung, die Animationen, das Puzzle-System sowie der Controller. Auch das Hauptmenü, das Pausenmenü und die Benutzeroberfläche funktionieren wie geplant. Besonders gut gelungen ist es, die die Gyro-Steuerung zu realisieren und das ganze mit dem Puzzle-System zu verbinden.
¶ 6.5.2 Was könnte nächstes mal besser laufen
Während der Entwicklung mussten einige Systeme mehrfach überarbeitet werden. Vor allem das Puzzle-System und die Gyro-Steuerung. Es wäre sinnvoller gewesen, die Technik für die Gyro-Steuerung besser zu planen. Dadurch könnten viele Fehler und Probleme vermieden werden und spätere Änderungen wären einfacher umzusetzen.
¶ 6.5.3 Welche alten Annahmen haben sich verändert und wie
Zu Beginn dachten wir, die Gyro-Steuerung wäre recht einfach zu programmieren. Im Laufe des Projekts haben wir jedoch gemerkt, dass es deutlich schwerer und komplizierter war, alles gut und ohne Probleme zu implementieren. Außerdem wurde deutlich, dass kleine Änderungen oft Auswirkungen auf viele andere Bereiche des Spiels haben können. Dadurch haben wir gelernt, wie wichtig eine gute Planung und eine übersichtliche Struktur sind.
¶ 6.5.4 Ausblick
Einen Ausblick für das Projekt haben wir nicht, das Projekt ist abgeschlossen und war am Ende deutlich besser als es am Anfang aussah. Es war interessant das Projekt, auf dem Rundgang in Aktion zu sehen und wir sind zufrieden mit dem Projekt.
¶ 7. Quellenangaben und Abbildungen
¶ 7.1 Assets
- Volume Off
von Google Fonts | via fonts.google.com | https://fonts.google.com/icons?selected=Material+Symbols+Outlined:volume_off:FILL@0;wght@400;GRAD@0;opsz@24&icon.query=volume&icon.size=24&icon.color=%23e3e3e3 | Letzter Zugriff: 24.06.2026 - Volume On
von Google Fonts | via fonts.google.com | https://fonts.google.com/icons?selected=Material+Symbols+Outlined:volume_up:FILL@0;wght@400;GRAD@0;opsz@24&icon.query=volume&icon.size=24&icon.color=%23e3e3e3 | Letzter Zugriff: 24.06.2026 - Notification Audio
von Google Fonts | via fonts.google.com | https://fonts.google.com/icons?selected=Material+Symbols+Outlined:notification_audio:FILL@0;wght@400;GRAD@0;opsz@48&icon.query=notification+&icon.size=1000&icon.color=%23e3e3e3 | Letzter Zugriff: 01.07.2026 - Notification Audio Off
von Google Fonts | via fonts.google.com | https://fonts.google.com/icons?selected=Material+Symbols+Outlined:notification_audio_off:FILL@0;wght@400;GRAD@0;opsz@48&icon.query=notification+audio+off&icon.size=1000&icon.color=%23e3e3e3 | Letzter Zugriff: 01.07.2026 - Groove Loop #1:
von danlucaz (Freesound) | via pixabay.com | https://pixabay.com/sound-effects/musical-groove-loop-1-96648/ | Letzter Zugriff: 31.05.2026 - Relaxing Guitar Loop V5:
von IdoBerg | via pixabay.com | https://pixabay.com/sound-effects/musical-relaxing-guitar-loop-v5-245859/ | Letzter Zugriff: 31.05.2026 - Ambient game:
von JeltsinSH (Freesound) | via pixabay.com | https://pixabay.com/sound-effects/musical-ambient-game-67014/ | Letzter Zugriff: 31.05.2026 - space_line:
von vlad.zaichyk (Freesound) | via pixabay.com | https://pixabay.com/sound-effects/musical-space-line-27593/ | Letzter Zugriff: 18.06.2026 - Mountain King Loop:
von SergeQuadrado | via pixabay.com | https://pixabay.com/sound-effects/musical-mountain-king-loop-449859/ | Letzter Zugriff: 18.06.2026 - Swan Lake, Tiny Keychain Music Box (Loopable):
von Kruf (Freesound) | via pixabay.com | https://pixabay.com/sound-effects/film-special-effects-swan-lake-tiny-keychain-music-box-loopable-98115/ | Letzter Zugriff: 31.05.2026 - Music Box Greensleves:
von JohnsonBrandEditing (Freesound) | via pixabay.com | https://pixabay.com/sound-effects/film-special-effects-music-box-greensleves-33931/ | Letzter Zugriff: 31.05.2026 - Click:
von lebaston100 (Freesound) | via pixabay.com | https://pixabay.com/sound-effects/film-special-effects-click-36683/ | Letzter Zugriff: 31.05.2026 - Alert Sound:
von philitup321 (Freesound) | via pixabay.com | https://pixabay.com/sound-effects/film-special-effects-alert-sound-87478/ | Letzter Zugriff: 31.05.2026
¶ 7.2 Abbildungen/Links/Tabellen
- Abbildung 1: Alter Name mit altem Logo
- Abbildung 2: Aufbau vom Rundgang
- Abbildung 3: Erstes Brainstorming
- Abbildung 4: Ideenentwicklung
- Abbildung 5: Notizen
- Abbildung 6: Vergleich zwischen Handy und Mikrocontroller
- Abbildung 7: In the Shadows
- Abbildung 8: Shadowmatic
- Abbildung 9: Concept Art zum Spiel
- Abbildung 10: Storyboard
- Abbildung 11: Keyframes vom Hund mit der Gitarre
- Abbildung 12: Skizzen zum Hauptmenü
- Abbildung 13: Skizzen zum Controller
- Abbildung 14: Level 2 beim ersten Puzzleteil
- Abbildung 15: Level 2 beim zweiten Puzzleteil
- Abbildung 16: Level 2 Animation
- Abbildung 17: Animation Hund
- Abbildung 18: Animation Katze
- Abbildung 19: Level 1
- Abbildung 20: Level 1 Animation
- Abbildung 21: Übersicht der gesamten Menüs
- Link 1: GitHub
- Link 2: Video vom Rundgang
- Link 3: Präsentation/Konzept
- Link 4: Miro
- Tabelle 1: Das Team
- Tabelle 2: Zeitliche Planung
- Tabelle 3: Assets/Feature List
- Tabelle 4: Materialkosten
- Tabelle 5: Design
- Tabelle 6: Programmieren
- Tabelle 7: Ideen und Konzeptionierung
- Tabelle 8: Wikiseite, Dokumentation und Präsentation
- Tabelle 9: Besprechungen
- Tabelle 10: Summe