← Unsere ArbeitFallstudieFallstudieKunde: DARKFIELD
Fallstudie

MILCH.

MILK: Ein verstecktes Online-Spiel für die Immersive-Theater-Gruppe DARKFIELD, das über CCTV-Bilder, einen Live-Chat und Telefonanrufe aus dem Spiel heraus gespielt wird.

Kunde
DARKFIELD
Ergebnis
Online-Spiel, Entwurf + Umsetzung
Jahr
2024
Live-Website
iammilk.org ↗
MILK-Spieloberfläche: CCTV-Bilder, Kamerumschaltung und ein Live-Chat voller anderer Spieler
Cue 01

Die Aufgabenstellung

DARKFIELD produziert immersives Theater, und für seine Inszenierung „MILK“ wurde ein Online-Spiel benötigt, das parallel zur Live-Produktion laufen sollte. Die Idee war eine virale, versteckte Website: Die Spieler erhalten fast keine Anweisungen und müssen selbst herausfinden, was zu tun ist. Es sollte unheimlich wirken und den Eindruck erwecken, als hätte man etwas zufällig entdeckt – so wie Filmmaterial, das man eigentlich nicht sehen sollte. DARKFIELD kam über unsere eigenen Kontaktaufnahmen mit immersiven Theatergruppen auf uns zu.

Cue 02

Der Ansatz

Wir haben das Spiel unter der Leitung von DARKFIELD entworfen und komplett umgesetzt. Die Benutzeroberfläche lehnt sich an alte Windows-Chat-Programme an: einen Live-Stream, einen scrollbaren Chat, in dem ein „System“-Benutzer Hinweise gibt, und einen Token-Zähler. Die Spieler wechseln zwischen den CCTV-Kamerawinkeln eines Raums hin und her, um das Rätsel zu lösen, und das Spiel klingelt auf ihrem Handy, um Hinweise zu geben. Der Chat wirkt durch andere Spieler sehr belebt, doch jede Nachricht ist vorprogrammiert, um Spannung aufzubauen und Hinweise einzustreuen. Wir haben es als Next.js-App entwickelt.

Cue 03

Das Ergebnis

Das Spiel „MILK“ lief parallel zur Serie „MILK“ und bot dem Publikum damit eine zusätzliche Ebene, die es online entdecken konnte.

Spielverlauf mit Ton

Vier Kameras, eine Videodatei

Cue 01

Das Problem

Die Spieler wechseln zwischen vier CCTV-Kamerawinkeln desselben Raums hin und her, und das Rätsel besteht darin, zu erkennen, was in jedem einzelnen Winkel im selben Moment geschieht. Vier separate Videos werden mit unterschiedlichen Geschwindigkeiten gepuffert und geladen, sodass die Kamerawinkel nicht mehr synchron laufen.

Cue 02

Eine Datei, vier Feeds

Wir haben alle vier CCTV-Streams zu einer einzigen Videodatei zusammengefügt, sodass alle Aufnahmewinkel eine gemeinsame Zeitachse und einen gemeinsamen Puffer nutzen.

Cue 03

Verschiebe den Rahmen, nicht das Video

Durch die Auswahl einer Kamera ändern sich die Koordinaten, über die das Video auf den Bildschirm projiziert wird, sodass diese Kameraansicht in den Bildausschnitt rückt. Die Aufnahmen selbst laufen ununterbrochen weiter, sodass alle Blickwinkel synchron bleiben.

Live-Bilder der Überwachungskamera von oben mit einer zweiten Kamera im Bild-im-Bild-ModusWeitwinkelaufnahme zweier Männer vor einer Modelllandschaft
Aufnahmen von oben und Weitwinkelaufnahmen desselben Raums
Bilder von einer versteckten SpionagekameraBlick durch das Guckloch auf einen handschriftlichen Hinweis: Norden oder Süden
Die versteckte Spionagekamera

Das Spiel ruft dich

Cue 01

Hinweise per Telefon

Über Twilio ruft das Spiel das eigene Handy des Spielers an und gibt ihm Hinweise – so wird die Geschichte aus dem Browser heraus in seine Hände übertragen.

Cue 02

Gefunden

Spieler, die das Spiel beenden, erhalten eine SMS: „Du wurdest gefunden.“

SMS an den Spieler: Du wurdest gefunden. Herzlichen Glückwunsch.
Die abschließende Botschaft
Retro-Anmeldebildschirm vor einem NeonrasterAbschlussbild: Leuchtendes Siegel auf schwarzem Hintergrund
Anmelde- und Abschlussbildschirm
Technik & Werkzeuge
  • Next.js
  • Twilio
Nächste FallstudieSumpf →
Alle Arbeiten anzeigen
Cue 04 – Kontakt aufnehmen

Was bremst Ihr Team aus?