Quick overview of technology used within WebAR. The current state of development and links to interesting examples.

1. WebAR
Augmented reality in the browser
Thorsten Bux

2. Thorsten Bux
- How I came to JS and
AR
- Where I’m going from
here

3. What we are going to cover
• History
• Current state
• Tools and libraries
• Live demo

4. History
ARToolKit invented at
HitLab
FLARToolKit
JSARToolKit5
AR.js

5. Current state
• Object detection using ML
• https://www.youtube.com/watch?v=9klHhWxZHoc
• Face recognition
• https://jeeliz.com/demos/faceFilter/demos/threejs/daft_punk/
• https://jeeliz.com/demos/faceFilter/demos/threejs/anonymous/
• https://jeeliz.com/demos/faceFilter/demos/threejs/faceDeform/
• https://tastenkunst.github.io/brfv5-browser/
• https://www.visagetechnologies.com/HTML5/latest/Samples/ShowcaseDemo/
ShowcaseDemo.html
• Flat surface detection
• https://www.youtube.com/watch?v=WjwyBLBhfXU
• Image recognition

6. Tech
JavaScript
ThreeJS
AFrame
TensorFlow
8thWall
Babylon.js
GLSL
Cesium
GLTF
Blender3D
Maya
JSARToolkit
Jeeliz
AR.js
artoolkitX.js
HTML5
Machine learning
Visual Studio Code
HTTPS
Tween
React
Angular
Vue
BRFv5 clmtrackr
WebGL
TypeScript
3d computer
graphics
WebAssembly

8. Thank you
thorsten@tripod-digital.co.nz
https://github.com/ThorstenBux
https://www.facebook.com/augmentmy.world
http://augmentmy.world/