TechStack

Resources

Converting a Three.js scene to AR using WebXR 5min

ARCore / WebXR (Google)

Getting Started WebXR application

First the steps below have to be completed:

Phone preparation

• Check if phone is supported: Supported devices

• Enable developer mode & debugging via USB here

  • additional options include adding dev-tools to phone homescreen. You may want to disable dev mode in some situations.

• Remote debugging setup

  • Access phone via chrome-devtools. (Opening websites/ inspect/ debug)
  • Link chrome://inspect/#devices

Host requirements

• Set up port forwarding for phone: WebXR requirements

  • required if no public dev-server available. (either TLS secured connection (https:) or localhost.) localhost requires port forwarding through USB.

• Run local server on connected port

  • VSCode LiveServer simplest solution.
  • Apache/ NGINX

Notes

• Phone does not display block... try tommorow

Additional

• Create QR-Codes for easy to distribute URL's