Skip to main content

AR.js is bringing augmented reality to the web

Generate London 2018 - The conference for designers

So what is AR.js? AR.js (opens in new tab) was developed by Jerome Etienne with the idea of making AR available to everybody. It improved performance and made augmented reality run faster on mobile. Thanks to its optimisation, AR went from running at 4fps on high-end phones to 60fps on three-year-old phones.

The library was first built on projects like three.js, ARToolKit 5, emscripten and Chromium. It was, and still is, a pure web solution, based on standards. So it works on any phone with WebGL and WebRTC. And, as an added bonus it is open-source and completely free.  

The beauty of AR.js is that it makes AR accessible without the need to install any applications and obtainable without having to buy specific and expensive devices. Everybody already has an AR-enabled device in their pockets: their own phones (for more on AR, see our feature on what's next for augmented reality.)

How the code works

The success of AR.js is based on its performance and simplicity. With AR.js you can code AR in only 10 lines of HTML using Mozilla’s A-Frame. Check out the code (opens in new tab).

This simplicity has triggered interest and experimentation, trial and error from people with and without a technical background and it is what has ultimately led to the adoption of the library by more and more designers and developers.

AR.js is ever-evolving and now includes workflow improvements with multi-markers (opens in new tab). Check out ‘Augmenting The Web Page’ (opens in new tab), a way to display AR directly on the web-page by scanning a QR code (an idea that you can apply to e-commerce or advertisement). And of course, support for ARKit and ARCore. AR.js also provides the best tracking available on any device and it runs in all platforms. If you want to start building AR for the web make AR.js your first port of call.

Want to know more about WebAR?

Generate London 2018

Generate - the conference for web designers

Alexandra Etienne is an AR/VR evangelist who works with Lightform, a startup in California  building the first computer for projected augmented reality. She is on a mission to share AR.js with the world.

In her talk at Generate London 2018 (opens in new tab) Alexandra will show the advantages that web-based AR can  bring, what others have created with it in and what you can do with  AR.js library.

Don't miss out. Get your ticket now (opens in new tab)

Related articles:

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

Alexandra Etienne
Alexandra is an AR/VR evangelist currently working with Lightform, a startup founded by ex-Microsoft/Disney researchers.
Topics
AR