Zapp missie: 360° Game

Zapp missie: 360° Game is een spel van zapp.nl waarin je in een kamer naar objecten moet zoeken. Dit is een panorama/vr-ervaring waarbij je met behulp van je telefoon om je heen kunt kijken in de andere kamer. De panorama-afbeelding wordt met WebGL op een bol geprojecteerd en de camera wordt aangestuurd door de gyroscoop. Om de afbeeldingen vanuit de 360fly camera om te zetten in equirectangulair formaat, recht te zetten en de blinde hoek op te vullen, maakten we gebruik van de Hugin - Panorama photo stitcher. Voor de UI-elementen worden dynamisch SVG-afbeeldingen gegenereerd met behulp van ReactJS. Het was nog een hele uitdaging om alle lijnen mooi strak binnen hele pixels te houden.