Kadoloko

Een spel voor het hele gezin

Een location-based avontuur rond Antwerpen, volledig ontwikkeld in HTML, CSS en JavaScript door een groep enthousiaste studenten. Ontworpen voor GSM's

Understand

Ons team stond voor een uitdaging: hoe kunnen we gezinnen en vriendengroepen op een leuke, digitale manier de stad laten ontdekken? Uit die vraag ontstond Kadoloko, een interactieve citygame waarin spelers op jacht gaan naar de Pakjesdief. Overal in Antwerpen verdwijnen pakjes, en het is aan de spelers om samen aanwijzingen te vinden en de dief te ontmaskeren.

Tijdens onze verkenning merkten we dat veel bestaande outdoor games of te complex zijn, of juist te beperkt in beleving. Wij wilden een spel maken dat laagdrempelig,verhalend en beweeglijk is, letterlijk, want de gsm wordt het navigatie-instrument. Kadoloko verbindt digitale spelelementen met fysieke locaties in de stad en moedigt samenwerking aan binnen gezinnen of vriendengroepen.

Explore

In de ontwerpfase onderzocht ons team verschillende soorten location-based games zoals Pokémon Go, WallaMe en CityGame. We brachten hun sterktes en zwaktes in kaart om te begrijpen wat spelers motiveert. Daarnaast gingen we zelf de stad in. We testten routes, GPS-nauwkeurigheid en interactiepunten op verschillende locaties in het centrum van Antwerpen.

Ook voerden we gebruikersinterviews met gezinnen en jongeren om te leren wat hen aanspreekt in een stedelijk avontuur. Uit deze gesprekken bleek dat het verhaal en de samenwerking centraal moesten staan. Daarom bouwden we het narratief rond de Pakjesdief, een mysterieuze figuur die via aanwijzingen doorheen de stad gevolgd kan worden.

Door deze mix van onderzoek, testen en iteratie ontstond een dynamisch spel dat niet enkel draait om winnen, maar ook om samen ontdekken en de stad op een andere manier beleven.

Materialise

Voor de ontwikkeling van Kadoloko werkten we nauw samen binnen het team, waarbij iedereen zijn eigen rol had: van frontend-ontwikkeling tot storytelling en UI-design. We bouwden het spel volledig met HTML, CSS en JavaScript, gericht op gebruik via de mobiele browser. De Geolocation API vormt de kern van de ervaring: spelers kunnen enkel verder als ze fysiek op de juiste locatie staan.

We maakten gebruik van Mapbox om dynamische kaarten en checkpoints te integreren. Animaties en geluidseffecten werden zorgvuldig toegevoegd om spanning op te bouwen tijdens het avontuur. Elke locatie vertelt een deel van het verhaal, van de Groenplaats tot Park Spoor Noord. Zo wordt Antwerpen het speelbord waarop spelers het mysterie ontrafelen.

Kadoloko is uiteindelijk uitgegroeid tot meer dan een schoolproject: het is een volledige ervaring die technologie, samenwerking en stadsverkenning samenbrengt in één interactieve beleving.

HTML5 CSS3 JavaScript Mapbox Google Maps API Figma

Gebruikte software

Kadoloko werd ontwikkeld met een combinatie van ontwerp- en ontwikkeltools die onze samenwerking versterkten en de productie efficiënt maakten.

We begonnen in Figma om de eerste wireframes, routes en UI-elementen te ontwerpen. Hier konden we samen real-time itereren op schermen, flows en iconografie. Voor de ontwikkeling kozen we voor HTML, CSS en JavaScript om de game toegankelijk te houden op elke moderne smartphone.

Met behulp van de Geolocation API en Mapbox bouwden we het locatiegedeelte van het spel uit. Kleine animaties en feedbackeffecten zorgden voor extra dynamiek. Tijdens het testen gebruikten we Google Chrome DevTools en echte toestellen om performance, GPS-nauwkeurigheid en batterijverbruik te meten.

Dankzij de heldere taakverdeling binnen het team en regelmatige feedbackmomenten konden we Kadoloko in een korte tijdspanne uitwerken tot een volledig functioneel spel.