Getting Started | XR+ documentation

index file template

May 4, 2021

Your first Web AR Project

In this tutorial, you will learn how to create a very simple Web AR Project with an image.

1. Create your account

First of all, you will need an XR.+ account, so go to the register page and create a free acount. Follow the steps to complete your registration, and now, let’s start your project!

On the XR+ studio home screen, click on the “Create your first project” button.

2. Create your first project

Here you can choose a project template to see the possibilities of the studio, in this tutorial, we will use “Empty project”. Name your project and click on “Create project”.

3. Import an image

Welcome to the main project edition screen! Open your assets library by clicking on “Open library”, which is empty for now.

Import your image by clicking on the button named “Import a File”, then click on the “Add to scene” button.

4. Add the image to the composition scene

Now, we have your image in the 3D space of the editor. You can move it by selecting one of the two main tools of the view in the bottom left corner. Place it at your will. You can resize it or move it by entering the coordinates in the tool bar at the bottom of the 3D view.

5. And you’re done!

Your project is already published and live, above to the QR code, you can see the public link to the project, in this case: https://xr.plus/nnz (yours will be different).

Type this web address on your phone web browser or scan the QR code in the editor to view the project in web augmented reality.

Congratulation you’ve made it!

April 26, 2021

Compatibility

XR+ provides the highest level of compatibility with smartphones to deliver advanced AR / VR experiences to 3+ billions of end users

Web AR

WebXR projects made with the XR+ studio are compatible with all major web browsers


Chrome	Safari	Firefox	Samsung internet	Edge

Web VR

XR+ supports Oculus Quest 1 & 2, Meta Quest Pro, PICO 4, and the combo Chrome + Oculus / HTC Vive on computers

April 21, 2021

Assets library

Import assets to the project library so you can add them to the composition scenes. Each asset can be added once or multiple times on each scene of the composition.

What can be imported to the library?

3D models

You can import .obj, .fbx and .glb (compressed gltf) 3D models up to 12 MB.
The 3D models can be animated.
We recommend importing 3D models with less than 100 000 triangle faces (polygons).

Images

You can import .jpg, .png and .webp images

Videos

You can import .mp4 videos files

Maximum resolution: 1920x 1080 pixels.
Maximum size: 50MB

Audio files

You can import .mp3 files up to 10 MB.

Scenes

Each XR+ project is made of one or several scenes, on the basic plan your have have up to 5 scenes.

Each scene is independent, you can setup actions to switch between scenes, take a look at the bird slideshow template as a multi scenes project example.

Open multi scenes project template

Scene timeline

Activate the timeline on a scene to setup in & out timings for each of its items

Overlays

Each scene can have an overlay linked to it. An overlay is an extra layer of UI elements like buttons, shapes, or images. Overlays can be simply decorative or used to trigger interactions.

User position

You can set the starting user position when doing 3DOF or 6DOF tracking on computer and headset.
In the composition, the starting user position is displayed as a semi transparent ghost, either a bust or a full body silhouette.

You can set a global scale for each device, so that an item can be small on mobile, but much larger on headset.

January 21, 2023

Overlays

An overlay is an extra layer of UI elements such as buttons, images, rectangle.
Overlays can be simply decorative or used to trigger interactions. Each scene can have an overlay linked to it.

Overlays can contain:

• rectangle shapes
• text
• images
• buttons
• photo & video module buttons

View overlays project template example