Scroll naar inhoud

Hoe kijkend Vlaanderen dankzij een digitale escape room zelf de Code van Coppens kon kraken.

DPG Media, het moederbedrijf van VTM, wilde van de tv-reeks "Code van Coppens" ook een online variant maken die de kijkers thuis kunnen spelen.

PhaserJS v3 Vue.js TexturePacker
Kraak jij de Code van Coppens?

De succesvolle tv-reeks "Het lichaam van Coppens" met de broers Staf en Mathias Coppens kreeg met "Code van Coppens" een spinoff: een mix van wetenschappelijke proeven waarbij een duo bekende Vlamingen uit een escape room probeert te ontsnappen.

DPG Media, het moederbedrijf van VTM, vroeg Sumo Coders om er ook een online variant van te maken, zodat de kijkers de Code van Coppens thuis konden spelen.

01.

De uitdaging

Code van Coppens is leuke, entertainende televisie, maar kijkers kunnen enkel toekijken. Om er een geslaagde digitale versie van te maken, moest aan een aantal specifieke eisen voldaan worden:

  • De ervaring moest de speler onderdompelen in de flow van het programma, niet aanvoelen als een website.
  • Een speler ziet een kamer zonder knoppen of call-to-actions, met een minimum aan tips.
  • Een speler moet een aantal ontsnappingsraadsels voltooien.
  • Wanneer de speler alle raadsels heeft opgelost, kan de speler een object in de kamer manipuleren en uit de kamer ontsnappen.
  • Het spel moest op elk toestel performant blijven werken.

We kregen alle vrijheid bij het uitwerken van ontwerp, logica en raadsels. Maar het volledige project moest, van concept tot livegang, binnen iets meer dan een maand klaar zijn.

02.

Onze aanpak

Jens van DPG Media stelde ons het concept midden september voor. De digitale escape room moest de kijker onderdompelen in de flow van het programma.

De kijker moest in verschillende kamers raadsels oplossen en objecten verzamelen. Door raadsels op te lossen kwamen nieuwe kamers beschikbaar.

Door onze ervaring met media-projecten wisten we dat design en gebruiksgemak prioritair waren. Een andere belangrijke keuze was de speltechnologie, de basis van het geheel: met PhaserJS kozen we voor een stabiele engine die ons voldoende flexibiliteit gaf tijdens de ontwikkelings- en feedbackfase.

  • De escape room is gebouwd in PhaserJS v3, in een schil van Vue.js.
  • PhaserJS werd gekozen omdat het een stabiele basis bood met de nodige flexibiliteit tijdens ontwikkeling en feedback.
  • TexturePacker optimaliseerde de beelden, voor de juiste balans tussen scherpe beelden en goede prestaties op elk toestel.
03.

Resultaat

Het spel werd meer dan 50.000 keer gespeeld en kreeg heel wat positieve reacties op social media.

  • Meer dan 50.000 keer gespeeld.
  • Positieve reacties op social media.
  • 1 maand voor het volledige project, van concept tot livegang.
Code van Coppens is een duidelijk concept. Een online variant zorgt voor betrokkenheid van de kijker. Niet alleen een leuke extra.