WebAR, making augmented reality pervasive

Fabien Benetou @Utopiah, WebXR developer

Table of content

  • limitations of native AR
  • WebAR, the definition
  • status of the specifications
  • hardware support
  • browsers
  • libraries
  • comparison
  • market penetration
  • deconstruction of an experiment
  • what's yet to come
  • references

limitations of native AR

limitations of native AR (bis)

... and entire thread on that.

limitations of native AR (tris)

WebAR, the definition

(Chromium-WebAR running on Tango)

Starting with Argon Browser, 2011 (project started in 2009) GeorgiaTech

status of the specifications

AR extensions and modifications #254

hardware support

  • Microsoft HoloLens
  • meta2
  • Google Tango
  • iOS 11, iPhone 6> & above
  • ... arguably anything with a camera

hardware support (bis)

hardware support (tris)

aka "Why you pay $3K for the HoloLens yet it can be worth every penny."

browsers: all

browsers: Argon


browsers: Chromium-WebAR

renamed to WebARon*

browsers: WebXR Viewer

A VR and AR Project by Mozilla


libraries: AR.js




libraries: WebARonARKit


libraries: WebARonARCore


libraries: WebARonTango



libraries: WebARonTango (bis)

  • vrDisplay.getPose()
  • VRPointCloud(vrDisplay)
  • getPickingPointAndPlaneInPointCloud(pos.x, pos.y)
  • vrDisplay.getADFs();
  • vrDisplay.enableADF(uuid);

cf https://glitch.com/edit/#!/webar

libraries: webxr-polyfill

  • class MyARDemo extends XRExampleBase {}

cf https://github.com/mozilla/webxr-polyfill/blob/master/examples/ar_simplest/index.html#L41

libraries: HoloJS

Probably easier to (soon) use BabylonJS + Edge

https://github.com/Microsoft/HoloJS (+ own attempt HoloLensWorkshopMICApril2017)

libraries: playcanvas-ar.js




HYPER-REALITY by Keiichi Matsuda


  • What problem am I trying to solve?
  • What hardware is actually required to solve it?
  • What's my audience?
  • What hardware does my audience use?
  • Is it a match?

Only then picking a browser then a framework makes sense.

market penetration

features at a cost vs popularity

deconstruction of an experiment

picking on non vertical surfaces + ADF + interaction

what's yet to come

  • better tracking
  • better unification: WebXR, WebAR W3C Workshop?
  • better transition between R, AR, VR...


Augmented reality, discover ARKit, ARCore, Google Tango and HoloLens

VRLab Brussels / GDG Brussels
  • 2pm welcome, casual introduction
  • 3pm presentations
    • ARCore and Tango with the Unity SDK by Srinivas Rao
    • WebAR by Fabien Benetou
    • Beyond WebAR by Trevor Smith, Mozilla
  • 4pm open workshops (AR.js WebXR on ARKit, WebARonTango)
  • 5pm presentation with Q&A
    • Charles Boyle (aka Chuck Knowledge), Signal Garden co-founder (live from SF)
    • Omar Shaikh, Founder of Anstrom Tech (live from SF)
  • 5:30pm wrap up