around the corner

AR and VR in your browser are just around the corner

Paweł Kamiński
twitter logo@kamyk_pl

iteratec logo

  • iteratec is the gold sponsor of Dev Fest Wrocław
  • iteratec 1996
  • 7 locations (Munich, Dusseldorf, Frankfurt, Hamburg, Stuttgart, Vienna, Wrocław)
  • ~ 350 employees, 20 in Wrocław office
  • "Innovation days"

Glossary

VR - Virtual Reality

  • stereoscopic view

    stereoscopic view
  • headset is required

    headset is required
  • view is rendered by device

  • 3-DoF or 6-DoF

    6dof vs 3dof

AR - Augmented Reality

  • real world
  • extended by computer generated content
  • headset or mobile device requiredar examplegoogle glass

MR - Mixed/Merged Reality

VR + AR + MR + ?R

=

XR

Why

Been there done that

Been there done that

  • Pokemon Go
    2016

    Pokemon Go
  • Mozzies
    Symbian OS ~ 2003

    Symbian Mozzies

Unity logo

Since 2015 supports VR

Unreal logo

Impressive AR example in 2017

Why

Google I/O

  • Google I/O 2019

  • Google I/O 2018

Goal

  • AR / VR using web technologies

    mohamed ali impossible is nothing
  • Show some tools and frameworks

    tools and frameworks
  • Do not try this at home

    don't try that at home
    do try that at homedot try that at homedo try that at home

Follow me

WebXR

  • WebVR (2014-2018)
  • Immersive Web  working group at W3C
  • Misson: "We help bring high-performance Virtual Reality (VR) and Augmented Reality (AR) (collectively known as XR) to the open Web via APIs to interact with XR devices and sensors in browsers."
  • WebXR Device API - low level JavaScript API which exposes the VR platform capabilities

WebXR W3C Status

  • W3C receives a Submission
  • W3C publishes a Note
  • W3C creates a Working Group
  • W3C publishes a Working Draft

Can I use WebXR

can i use webxr screenshot

Status for 2019-11-11

Can I use WebXR

can i use webxr screenshot

Status for 2019-10-28

  • it works in Chrome
  • WebXR Polyfills
  • Frameworks

Model viewer logo

Model Viewer Example

aframe-logo
Iteratour

other frameworks

web vs native apps

pros

  • no installation
  • no mobile stores restrictions
  • fast implementation (one app all platforms)
  • low entry threshold
  • instant updates

web vs native apps

pros

  • security
  • 3d content can be indexed and searched
  • extend current websites
  • it is our playground with our tools
    (Dev Tools, Npm, VisualCode, ...)

web vs native apps

cons

  • it is not yet production ready
  • offline resources
  • performance
  • web limitation (saving files, offline mode, ...)

Challenges

  • lack of 3D models

  • costs of 3D models

    3d model google tiger

Challenges

  • size of models

    3d model astronaut
  • lack of UI guidelines and good practices

Try it yourself !!!

  1. please retweet our tweet
  2. visit our stand
  3. and collect our cardboard VR glasses

Virtual Dream Foundation

  • Develop VR/AR projects for everyday relief and support socially excluded groups

    virtual dream logo
  • Please check some videos about the foundation

  • Share and/or support

Credits

the end