Snoep terugpakken in een AR-dorp, gewoon in je browser

Doel

Snel te snappen, leuk om te delen

Je moet binnen een paar seconden spelen en meteen snappen wat de bedoeling is. En het moet leuk genoeg zijn om nog een keer te spelen, te filmen en door te sturen.

Aanpak

Eén wereld, drie minigames

De game begint in je eigen kamer of straat. Je zet een portaal neer, loopt erdoorheen en staat in een digitaal dorp. Op het dorpsplein ontmoet je drie creeps, elk met een eigen minigame. Die werken alle drie hetzelfde: tik op het vallende snoep om het terug te pakken en draai je telefoon mee om het in beeld te houden.

Uitdaging

Geen haperingen

Een AR-game die hapert of lang laadt, leg je weg. De wereld moest snel laden, de tracking moest stabiel blijven en de camera moest helpen zonder de controle over te nemen.

Daarom hielden we de rendering en effecten bewust eenvoudig. Dat scheelt rekenkracht en er kan minder stuk.

Uitvoering

Alles klein houden

De game is één grote wereld, geen reeks losse scènes. Daarom moest alles vooraf zo licht mogelijk zijn, in plaats van stukken later in te laden.

De 3D-modellen zijn gecomprimeerd met Draco of Meshopt, textures zijn verkleind en gecomprimeerd, bestanden zijn gebundeld en alles komt via een CDN. Spelers staan daardoor snel bij het portaal, en de wereld blijft vlot als ze eenmaal binnen zijn.

Het portaal

Het portaal is de stap van je eigen omgeving naar de digitale wereld. Je loopt er echt doorheen, met je telefoon in je hand. Op dat moment moet de wereld precies op zijn plek blijven staan, anders voelt het meteen nep.

Hoe ik het portaal technisch heb aangepakt, lees je in mijn artikel op Medium.

Lees het artikel over het portaal

Als de tracking de weg kwijtraakt

Aan het begin laat een korte uitleg zien hoe je beweegt en waar je het portaal neerzet. Raakt de AR toch de weg kwijt, dan zet een resetknop de wereld weer recht. De grootte en positie van de wereld liggen vast zodra hij staat, zodat hij niet gaat verschuiven.

De camera wijst de weg

Tik je op het dorpsplein op een creep, dan beweegt de camera naar het deel van het dorp waar zijn minigame is. Die beweging is vloeiend en beperkt, zodat je er niet misselijk van wordt en de wereld niet gaat glijden.

Foto's en video's zonder logo

In de game maak je foto's en video's die direct in je filmrol komen. Er staat geen logo of merkframe overheen. Mensen delen het op hun eigen manier, en de creeps zijn herkenbaar genoeg.

Resultaat

Binnen seconden in de game

Meet the Creeps maakt van een halloweenverpakking een AR-game die je binnen een paar seconden speelt. Door het portaal lopen is het moment waar de game om draait. Op het dorpsplein snap je meteen wat je moet doen: kies een creep, speel, ga terug en kies de volgende. De game liep drie halloweenseizoenen, van 2022 tot en met 2024.