Böngészőalapú AR kampányt fejlesztettünk, amellyel életre kelthetőek voltak az HBO plakátjai

A felhasználónak elég volt az okostelefonján beütni az ar.hbo.hu címet, és engedélyezni a weboldalnak a kamera használatát. A telefonon máris életre kelt az HBO plakátja.

Magyarországon elsőként használtunk web AR technológiát. A legnagyobb kihívást az jelentette, hogy el kellett helyeznünk a plakáton egy markert*, amely referenciapontként szolgálhat az AR animáció pozícionálásához.

Ez a marker végül egy szöveg köré helyezett fekete négyzet lett, amelyet a plakát sarkába raktunk - ezt kereste az algoritmus, és ehhez képest állította be a képernyőn megjelenő objektumok pozícióját és méretét.

Be kellett vetnünk minden kreativitásunkat és több meglepő trükköt, hogy az AR animáció messziről (akár 4-5 méterről) is élvezhető legyen, és véletlenül se ugráljon a kép még régebbi készülékeken sem.

*: A fejlesztéshez AR.js-t használtunk, amely akkor még nem támogatta a Natural Feature Tracking-et. Ma már nem kell fura QR-szerű markereket elhelyeznünk, bármilyen kép lehet marker, akár egy fotó is - természetesen ezt is kipróbáltuk azóta.