sign uplogin
login with Facebook

or with email / password

news

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 by 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.

Read More

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.