or with email / password
Learn how to make a web AR scene from images
Image compositions tutorial
Learn how to make a web AR scene from a 3D model
3D model scene tutorial
Learn how to add interactions to a 3D model in augmented reality
3D model interactions tutorial
You can import .obj, .fbx and .glb (compressed gltf) models
Maximum file size:
.fbx and .glb models animations can be activated with the 'interactions' module.
To play an animation, use 'play model animation' actions in the interactions module states.
You can import .jpg and .png images
On the Plus and Pro plans, you can import .mp4 video files.
We recommend using 'Miro video converter' software to compress video files.
XR.+ offers 5 types of materials
Interactions are made with the 'interactions' module, it works by switching between 'states' of the scene.
A state is made of actions, buttons can be added to it
When a scene goes to a new state, all actions from the state are applied, and all buttons from the state are displayed.
The default state is applied when the web AR image marker is tracked by the camera for the first time
There are many different actions, such as:
hide / show an object, play an animation, play a sound effect, change a color or set a timer to switch to another state after a fixed amount of time
Buttons can be used to switch between states, play sound effects or open a webpage.
It is very important to optimize your scenes!
Try to keep your scenes total size ( model + textures ) under 5Mb.
Short loading times and a good framerate always make an experience more pleasant...
On the PRO plan, you can create your own custom tracking web AR image markers
To make your webAR content available to all, you need to publish your scene.
A scene can be published if it has a name and a cover image (used as thumbnails in listings).
If you don't want your scene to appear in the 'latest scenes' list and in search results, set it to private.
PRO users can embed scenes from an external web domain inside an iframe, like when adding a Youtube on a website.
We provide a template for that, no coding needed from tour side, just upload html file provided in your server.
Note: an SSL certificate (https:// ...) on your web domain is required to embed scenes.
(PRO plan only)
To remove all XR.+ branding visual elements, check this list: