sign uplogin
login with Facebook

or with email / password

news

Thinner webAR borders

We updated our webAR marker generator…

AR markers can now have thinner borders, so there is more space for the inner design!

XR.+ webar marker

Interactive webAR

We have added new tools in the editor to create micro stories and add interactions in your webAR scenes.

Defines states, each state can display different parts of your 3D models. Then add buttons to trigger animations or transitions between states…

Try those examples:

webAR interactive planet
webAR interactive scene
webAR interactive skeleton
webAR interactive slideshow

WEB AR VR = XR.+ | augmented reality on the web

We published a new video showing more examples of Augmented Reality experiences on the web…

AR intelligence review

The website ‘AR intelligence’ has published a detailed review of our webAR platform.

It’s a really helpful feedback for us to understand what we can improve to get augmented reality accessible to everyone on the web with webAR and webXR.

Read it here: http://www.ar-intelligence.info/2018/08/product-review-xr/

Introducing ‘Little XR’, a webAR game

Little XR webAR game

 

From our R&D department, here comes Little XR, a webAR game with a virtual pet to look after.
Collect food, stars and healthy items to keep your pet in good condition, and eventually evolve to a new body!
Give and receive items in augmented reality mode with friends around!
Little XR also features a green area: a garden where to plant seeds, water plants and patiently wait for fruits to grow…

 

Little XR webXR

 

As a webXR browser based game, there’s nothing to install, just visit XR.PLUS/KIDS on your mobile to adopt a cute pet.

 

 

How to make augmented reality on web browser?

Here’s a simple tutorial on how to publish a 3D model in augmented reality on the web ( aka webAR ).
Let’s go through the various steps on the xr.plus platform…

If you don’t have yet an xr.plus account, create one ( the basic plan is free )
Click here to create a free account

 

1. Import a model

Create a new scene an import a 3d model from your hard drive. Supported formats are .obj, .fbx and .dae.

For this tutorial, I’m using a Bonsai tree available here.
This model was made Scopia Visual Interfaces Systems, s.l. and Eteks,
available under the Creative Commons license ( https://resources.blogscopia.com/license-2/ ).

If you don’t have any 3D model, is it also possible to make a scene from just an image, but I’ll only cover the 3D model process in this tutorial.

 

2. Import materials

If the imported model includes materials, you will be asked if you wish to import them.
For this model I’m choosing ‘yes’, so materials will be automatically assigned to the meshes.

 

3. The edit view

This is the edit view:
– on the left column you can see your model and edit its transformation values ( position, rotation and scale).
– the middle column is the list of all materials used on the the scene.
– the right hand side column displays the list of meshes from the model and settings for lights & environment.

 

4. Set pot color

The top material is used on the tree pot, I’m choosing a dark gray for its color

 

5. Trunk wood texture

Adding the texture for the trunk ( included with the model ), on the ‘bark’ material

 

6. Soil & leaves textures

Adding textures for the soil and leaves. I’m turning on transparency for the leaves texture as the texture image contains an alpha channel.

 

7. Adjusting materials

Some extra material adjustments to darken a bit more the port and the trunk ( changing the default white color of a material to a darker color will also affect the texture ), and lowering the shininess of the trunk.

 

8. Set a preview image

In the ‘edit preview‘ tab, you can choose the background to be used on the preview thumbnail of your scene. You can also set the position of your object on the background.

 

9. Publish the scene

Almost done, now in the ‘publish‘ tab, set a name and a description for your scene, then press the big ‘publish’ button.
Next to the publish button, you can see the public link to you scene, in this case: http://xr.plus/6ht

 

10. All done

Voilà! The scene is published and available to everyone.

The default augmented reality pattern for xr.plus scene can be found on the homepage: http://xr.plus

 

11. View the scene on your phone

To view the scene from this tutorial, visit http://xr.plus/6ht on your phone browser ( Safari, Chrome of Firefox)

It’s now even easier to make AR & VR experiences

We just made it even simpler to create webAR and webVR content on the web: it’s now possible to make XR.+ simple scenes with just a picture, no need for a 3D model.

Here’s an example with the Saturn V rocket:

webVR with Google Cardboard

In addition to the combos Firefox & Oculus Rift or Firefox & HTC Vive for desktop PCs and Gear VR for Samsung devices, XR.+ now supports Google Cardboard viewers on Android phones with Chrome using the webVR API.

As usual on our web platform, there is no application to install, just open your browser and visit one of our many VR scenes.

 

 

video content on webAR

There is a new feature for users on the Plus and Pro plans: video textures!

Video textures can be mapped on objects the same as usual image textures, they can be silent or with an audio track. You can even add transparency using chroma key effect ( aka green screen ).

Video with an audio track will require the user to press an extra play button, that’s a browser limitation: learn more.

See by yourself in augmented reality with those 2 examples:

 

 

 

Web augmented Easter egg

Hand painting eggs during the Easter week-end is an old tradition in Poland.

With this web Augmented Reality microsite, challenge your creativity even if you have no egg and no paint around!

 

A french interview

The french website augmented-reality.fr promoting Augmented Realitty technologies has published an interview about the XR.+ platform.

 

Read it here

Augmented reality on the web – drinks packaging example

A short example with Budweiser beers pack showing how Augmented Reality on the web ( WebAR ) can be used on products packaging.

Made on xr.plus!

Now with sounds!

We’ve added sounds to our editor, now you can make scenes even more lively.

Listen to this fantail bird singing!

 

Codrops Collective #382

Codrops, a great source of inspiration for interactive designers, just featured XR.+ in their latest issue of their collective magazine.

Codrops Collective #382

Happy new year 2018!

May this new year turn all your dreams turn into reality, or at least either in augmented or virtual reality!

To view our new year card, visit

http://xr.plus/4uf

with your phone web browser ( Safari or Chrome ) and point the camera on the pattern above.

#AR #webAR Video trailer

We have a new video trailer!
Discover how easy it is to play with Augmented Reality on the web…

What is webAR?

Most mobile Augmented Reality experiences require to install an app.

With WebAR, you can enjoy Augmented Reality experiences direclty in your web browser, no need to install an app.

On Android, WebAR is supported on Chrome, while Safari makes it possible on iOS 11. It also works on Windows mobile 10 phones.

WebAR works fine on all major desktop browsers.

Hello world!

Welcome to XR dot plus, a web platform to experience AR & VR directly in your browser.

No mobile app required 😉