WebAR Duck

In the past we've used 3rd party solutions for WebAR (for example 8th Wall) as it's a particularly tricky technology to work with. However 3rd party solutions are often very expensive and heavily branded. Unity has some options for AR within its overall framework but these are mainly aimed around Android and iOS app development. This example is a very new direction, built for WebGL using Unity but with a lot of our own bespoke code, which means it can be customised, extended and branded in unique ways. Note that this doesn't work on computers, it's entirely aimed at mobile - scan the QR code at the bottom of the page.


Image
Image
Image

Accept camera permissions, then move your camera around and choose a surface onto which the duck should stand. Press PLACE DUCK HERE and you should see Alice's favourite duck appear in that spot. Swipe to rotate it, pinch to make it bigger/smaller, use two fingers to slide it around. Use RESET to start again. There is a SCREENSHOT option but this doesn't auto-save to your device. Hold on the image and select a save or share option if you want to keep it (I will update this).


Image

Potential ways to expand this include: 3D explorable objects for education with labels, AR 'mini-games', multiple object placement, portals that look through to different 'dimensions', objects or diagrams within stories that can be 'pulled out' via QR code and looked at in physical space (eg from an interactive version  of Alice's development journal), image detection, face detection, vertical wall detection, curved surface detection, GPS location detection. Brad comes to mind as a 3D avatar that would be fun to see appear and talk to you. 🙂