ilhamabdulm/AR-JS-Example

Code Examples

https://github.com/stemkoski/AR-Examples

Spike

Show asset on marker

Good Marker

• Visual Complexity
  • the more the better
• Resolution
  • the more the better
  • > 300 DPI = good stabilization
  • < 72 DPI = needs camera to stay still
• Physical Marker
  • Screen
    • Luminosity (the more the better)
  • Printed
    • Contrast to the background (the more the better)

Basics:

• Hiro
• Barcode
  • Barcode collection
• Pattern
  • .patt generator

UI Events

This capability needs A-Frame, so ThreeJS is not an option yet

The easiest way is to render overlayed DOM on top of a-scene

Device Limitation and Compatibility

It works on any phone with webgl and webrtc

• https://caniuse.com/webgl
• https://caniuse.com/stream

although it has known issue in chrome, so firefox is recommended

marker based is extremely more CPU efficient compared to image tracking

Dynamic Asset (e.g. text)

Have ready entities, render handled on FE

Image Tracking

smooth, smoothCount and smoothTolerance