AR Prototype

Since I’m housebound due to the COVID-19 outbreak I’ve been passing the time by experimenting with AR and photogrammetry. Here’s an AR prototype I did with marker tracking within the browser:

 
 
 
 
 
View this post on Instagram
 
 
 
 
 
 
 
 
 
 
 

A post shared by Will Jardine (@willjardine) on

For that particular one I’m using A-Frame to handle the tracking of custom markers within the browser. The workflow for exporting a 3D object from Blender to a glTF, and then loading it into the Three.js scene is remarkably easy.

In the future I’d like to see how well one of my photogrammetry captured objects renders and see how well animated objects and interactivity works. I suspect as long as you’re mindful of most Three.js rendering limitations you’d be fine but who knows with the addition of the whole AR layer within the browser.