A little fun with AFrame and AR.js
I'm a Virtual Reality and Augmented Reality geek.
It can let people explore distant locations.
It offers new ways to create.

VR on the web

  • WebVR is a standard for presenting VR content on the web.
  • AFrame is a experimental JS library created by the Mozilla foundation to make creating VR content for the web easier.

AFrame is an extention to HTML

  • It's plain text
  • It has tags to define elements of the scene
  • It can be scripted with Javascript

Here I try to do some live AFrame coding


More than cubes and spheres

From VR to AR

AR.js is a javascript library for doing marker based augmented reality applications for smartphones.

AR.js uses the camera to find a special marker in the video feed and maps the scene coordinates to marker.


More live coding

Time for a smart phone demo! Go to https://cincynkyartandcode.github.io/
demos/aframear/augdemo.html

Download Hiro marker

  • Different types of markers
  • Barcode markers
  • Multimarkers
  • Future! Markerless tracking

Creating your own models

Thanks!

Presentation created with reveal.js