AR/VR Development

Verge3D allows for creating web-based Augmented Reality (AR) and Virtual Reality (VR) experiences running on top of the in-development browser technology called WebXR (eXtended Reality on the Web).

Setting Up

VR Support

We recommend to enable the Legacy VR option in app creation settings in the App Manager in order to support a wider range of devices.

Cardboard devices should work out of the box in any mobile browser, both on Android and iOS.

Google Daydream works in stable Chrome browser on Android phones with certain WebXR options enabled on the chrome://flags page:

HTC Vive and Oculus devices work in stable Chrome and Firefox browsers. In addition, the Chrome browser requires certain WebXR options enabled on the chrome://flags page:

AR Support

At the moment the WebXR specification is undergoing rapid development, with browser preview builds changing on daily basis. In view of this, we decided to disable the AR feature until the specification is stabilized.

WebXR Origin Trial

Instead of enabling WebXR flags in the Chrome browser, you can use the so called origin trial tokens to activate the flags automatically when the user launches your app. You can request these tokens for using on your website domain as described here.

<meta http-equiv="origin-trial" content="Aop1aS3O0LG/MKmDbfhMRdlXGxB1ET...rJJScdLSaYLDCMJI5iOLQ0uwhBObX0=">

The Standard app template offered in the App Manager already includes an origin trial token for Verge3D Network's domain cdn.soft8soft.com.

HTTPS

WebXR requires a secure context. Verge3D apps must be served over HTTPS/SSL, or from the localhost URL.

Creating VR Apps

The VR mode can be set up for any Verge3D app using just 2 puzzles.

Interaction with 3D objects is performed by using the gaze-based reticle pointer automatically provided for VR devices without controllers (such as cardboards).

For VR devices with controllers, interaction is performed by the virtual ray casted from the controller (only one ray is supported).

You can use the standard when hovered or when clicked puzzles to capture user events. The when clicked puzzle is triggered after 2 seconds of interaction.

Additional Links