Shapediver Augmented Reality Example / Template

Dear shapediver team,

is there any template, code example to get started with the new AR feature?

I have seen that there is some info in the API documentation. Still, some kind of example or template would be highly appreciated to get started quickly.

All the best,

Thank you for the suggestion. We will work on a simple code example and get back to you.

Please review the following documentation and let me know if something is unclear: Augmented Reality (AR)

Dear Mathieu,

thanks for the answer. Yes, I have seen this part of the documentation. What I would be interested in is how to generate UI elements within the AR environment that enable users to interact with the shapediver model. From what I have seen, the example in the documentation is limited to simply displaying an already configured part in AR.

Best regards,

The version 3 of the viewer provides an out-of-the-box functionality to export the entire scene as a glTF or USDZ file and load it in the quick look environment for both Android and iOS devices. This provides an easy to implement way of visualizing on specific configuration in AR, while the parameter updates happen in a traditional web environment.

It is possible to build your own AR native application using our API, since all outputs are sent to the client as glTF files. We will soon also provide a functionality to get those outputs as USDZ files. That being said, we do not have examples of implementation of this approach at the moment.

tutorial for beginners, please.

This codepen provides a full example for embedding a ShapeDiver model in a website and creating a button that opens the scene in AR: