Skip to content

World on Android (WebXR)

On Android, Monolook World uses WebXR to start an immersive-ar session, detect surfaces, and place 3D content.

Status

PlatformStatus
Android ChromeSupported
XR headsetsComing soon
DesktopPreview without real AR

Requirements

  • HTTPS.
  • Chrome on Android.
  • Camera permission.
  • Monolook World license.

Minimal flow

js
import { Monolook } from 'monolook/world'

const monolook = new Monolook({
  adapter: 'three',
  THREE,
  scene,
  camera,
  renderer,
  domOverlayRoot: document.getElementById('dom_overlay')
})

await monolook.start({
  mode: 'surface',
  licenseKey: '<WORLD_LICENSE_KEY>'
})

monolook.startTracking()
monolook.setRenderLoop(() => {
  monolook.updateTracking()
  renderer.render(scene, camera)
})

await monolook.enterAR()

Placement

js
const pose = monolook.getIndicatorPose()
if (pose?.visible) {
  object.position.set(pose.position.x, pose.position.y, pose.position.z)
  monolook.pauseTracking()
  monolook.setIndicatorVisible(false)
}