or with email / password
Learn how to make a web AR scene from images
Learn how to make a web AR scene from a 3D model
Learn how to add interactions to a 3D model in augmented reality
You can import .obj, .fbx and .glb (compressed gltf) models
.fbx and .dae models animations can be activated with the 'interactions' module.
To play an animation, use 'play 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 different 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 and buttons
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 the first time the web AR image marker is discovered by the camera view
There are a lot of possible actions, such as:
hide / show a mesh, start 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.