Michi‘s Escape Room

Als Abschlussprojekt für die Schule habe ich ein Escape Room Spiel entwickelt. Es heisst „Michi‘s Escape Room“ und kann kostenlos unter escape.michivonah.ch gespielt werden.

Michi‘s Escape Room

Als Abschlussprojekt für die Schule habe ich ein Escape Room Spiel entwickelt. Es heisst „Michi‘s Escape Room“ und kann kostenlos unter escape.michivonah.ch gespielt werden.

Arbeitsprozess

ABs

Angefangen habe ich wie alle anderen mit den Arbeitsblättern Projektantrag 1&2, dem Budgetantrag und Ziele setzen.

Grundfunktionen erstellen

Ich konnte es kaum abwarten mit dem Programmieren zu beginnen, weshalb ich ziemlich früh mit den wichtigsten Funktionen wie Fenster oder dem Rucksack begonnen habe. Der Rucksack ist die orange Leiste ganz unten, in der man Gegenstände ablagern kann.

Erste Variante der Rucksack Funktion
Erste Variante der Rucksack Funktion
Spätere Version des Rucksacks mit den Räumen
Spätere Version des Rucksacks mit den Räumen

Ideen finden

Anschliessend habe ich Ideen für die Rätsel in meinem Escape Room gesucht. Dazu habe ich Skizzen auf Papier angefertigt. Ich habe mich für die drei Räume Schlafzimmer, Büro und Küche sowie einen Ausgangsraum entschieden. In den Räumen sind dann sieben Zahlen versteckt, welche man durch Rätsel lösen finden muss.

Grafiken suchen & bearbeiten

Nachdem ich meine Rätsel geplant hatte, zeichnete ich die Hintergrundgrafiken für die Räume. Anschliessend habe ich für die Möbel auf Pixabay Grafiken gesucht und heruntergeladen. Bei den meisten Gegenständen musste ich noch einige Details bearbeiten, zum Beispiel Zahlen hinzufügen oder mehrere Varianten eines Gegenstandes machen. Als dies geschafft war, platzierte ich alle meine Möbel im Spiel.

Funktionen programmieren

Da mein Spiel bis jetzt noch nicht so richtig gespielt werden konnte, musste ich Funktionen programmieren um mit Gegenständen zu interagieren oder sie einzusammeln.

Einige Beispiele:

Kerze anzünden → Zahl erscheint auf Kerze

Feuer löschen → Feuer verschwindet, Pfanne wird sichtbar

Blume giessen → Blume wächst, Zahl erscheint

Karte angeklickt → Fenster mit Europakarte öffnet sich

Kleinigkeiten hinzufügen, Fehler verbessern, Sounds

Zum Schluss musste ich noch einige Kleinigkeiten programmieren wie ein Startscreen, Stoppuhr, Hinweise, etc. Zudem brauchte mein Spiel noch einige Sounds, damit es lebendiger ist. Dazu habe ich mit meinem Smartphone Geräusche aufgenommen, die ich zuhause produzieren konnte. Anschliessend habe ich viele Sounds aussortiert und einige bearbeitet und im Spiel eingefügt.

Sounds bearbeiten
Sounds bearbeiten

Dokumentation

Das Schreiben der einzelnen Texte meiner Dokumentation hat mir Spass gemacht. Die Obertitel bei den Beispielen haben mich verwirrt, durch Nachfragen bei den Lehrpersonen konnte ich dieses Problem allerdings lösen.

So, das war ungefähr der Ablauf der Entwicklung meines Spiels „Michi‘s Escape Room“.

Fragen & Antworten

Wie lange hattest du für dein Spiel?

Insgesamt mit den Arbeitsblätter, Dokumentation und dem Programmieren hatte ich 64.5h.

Auf welchen Geräten kann sein Spiel gespielt werden?

Mein Spiel kann auf jedem Gerät mit einem Browser und Internetzugang gespielt werden.

Verdienst du mit deinem Spiel Geld?

Nein, mit meinem Spiel verdiene ich kein Geld.

Wird dein Spiel häufig gespielt? Hast du Statistiken?

Das ist sehr unterschiedlich, es hängt zum Beispiel davon ab wie stark ich mein Spiel an einem Tag bewerbe. Es wurde zu Beginn bis zu 130 Mal an einem Tag aufgerufen, da es von einigen Klassen im Unterricht gespielt wurde. Seither wurden die Aufrufzahlen von Tag zu Tag eher weniger.

Wird es einen zweiten Teil geben?

Zum aktuellen Zeitpunkt nicht, vielleicht irgendwann Mal. Dazu müsste ich erst genügend neue Rätsel haben.

Mit welcher/welchen Programmiersprachen hast du dein Spiel erstellt?

Ich habe mein Spiel mit den Programmiersprachen HTML, CSS und JavaScript erstellt. Diese Programmiersprachen werden hauptsächlich für die Webentwicklung verwendet.

✉️
Bei Fragen kann man mich via DM per Instagram (@michivonah) oder via Mail an michisescaperoom@outlook.com kontaktieren.
👨‍💻
Der Code zu meinem Spiel kann auf GitHub eingesehen werden.
Michi’s Escape Room
Sie müssen einen siebenstelligen Zahlencode finden um das Gebäude in möglichst kurzer Zeit zu verlassen.