Skip to content

Guide

What WebAR is

Augmented reality that opens in a web browser with no install. Point the camera at a QR code and the AR appears right there.

In short

Augmented reality opened on the web, without an app

Augmented reality draws 3D on top of what the camera sees. Do that inside an app and it is app AR; do it inside a web browser and it is WebAR.

The difference is how it opens. An app has to be downloaded and installed first. WebAR runs the moment the address opens.

That fits anywhere someone looks once and moves on. Exhibition stands, shop floors and printed material, where asking a first-time visitor to install something rarely works.

Kinds

What it anchors to

The kinds differ by what the 3D is placed against. Pick the one that matches where it will be used.

Plane detection

Finds a floor or a table and stands the object on it. It appears at real size, so it answers whether the thing fits.

Marker tracking

Point the camera at a set pattern and the 3D appears there. Only the pattern has to be printed, which makes it easy to put on a flyer or a card.

Image tracking

Recognises a real picture, such as a poster or a product photo, and overlays the 3D on it. The picture itself is the anchor.

Face tracking

Follows the position of a face and puts glasses or a hat on it. Used where someone wants to try something on first.

Location-based

Uses coordinates so the content appears only at that place. Used for outdoor events and visitor guides.

3D viewer

No camera at all, just turning the model inside the page. Usually shown first, before moving on to AR.

What runs

What happens after the address opens

Four steps. All a person does is allow the camera and point it at the room.

01

The address opens

The browser downloads the page and the 3D file. This wait is the first impression, so the file size is cut down first.

02

The camera is allowed

The browser asks for camera access. That prompt only appears over a secure connection (HTTPS).

03

The space is read

Sweep the camera slowly and it finds a floor or a marker. A dark room or a featureless floor takes longer.

04

The overlay is drawn

The 3D is placed where the anchor was found and redrawn every time the view moves. The device works out the pose and the browser draws.

In practice

Sort these out first

Miss one of these and the page opens but nothing shows up.

  • The connection has to be secure. Browsers only hand over the camera on an HTTPS address.
  • The size of the 3D file is the wait. Ship tens of megabytes as-is and the first view is slow on a poor connection.
  • Some browsers that open inside a messaging app block the camera. Add a note telling people to open it in a normal browser.
  • Lighting changes the result. In a dim room the floor is found late, or not at all.

Common questions

Yes. Safari on iOS does not yet let a web page open the device's own AR mode, so an iPhone is served either by reading the camera feed in the page or by handing the model to the system AR viewer. The browser support page goes through this in detail.

GLB for anything shown inside the page. Add USDZ when the model is handed to the AR viewer on an iPhone.

See one open

Samples built the way this page describes open straight in the browser on Vi3w.