Unsurprisingly, Google wants to be the caretaker for augmented reality on the web, and its latest move in this endeavor is a 3D model viewer prototype called Article that's designed to work across all web browsers.
On traditional desktop PCs and mobile browsers, Article can examine 3D models with mouse or touch inputs. On AR-enabled browsers running on devices that support ARKit or ARCore, users can tap an AR button to view the model in augmented reality.
The experience begins with a reticle to signify that the device is searching for and then has detected a horizontal surface. Tapping the reticle places the 3D model in the user's personal space. From there, users can view the model from various angles at a life-like scale. Users can then modify the position of the object with on-screen touch gestures. Article also taps into the ambient lighting features of the AR toolkits to render shadows and blend the model with its environment.
"There's vast potential for AR on the web—it could be used in shopping, education, entertainment, and more. Article is just one in a series of prototypes, and there's so much left to explore—from using light estimation to more seamlessly blend 3D objects with the real world, to adding diegetic UI annotations to specific positions on the model," wrote Google Daydream WebXR team members Reza Ali (a UX engineer) and Josh Carpenter (the team's UX lead) in a blog post previewing the AR tool. "Mobile AR on the web is incredibly fun right now because there's a lot to be discovered."
While the companies have their vested interests in attempting to determine the path for content on the web, developers and businesses looking to profit from AR may benefit as well. For example, web-based AR experiences can enable sharing of AR content (such as web AR ads) that don't require downloading and installing an app. A more frictionless AR experience via the web could ultimately help the technology become more commonplace, just like video content is on the web today.
It’s Cyber Monday on WonderHowTo! Don’t miss out on all the big sales in the Gadget Hacks shop and Null Byte shop. Use code CMSAVE20 to save on everything, and use CMSAVE40 for all things apps and software. For online courses, apply code CMSAVE70 for the biggest discounts.