virtual reality - qconsf.comwebvr mozilla c. van wiemeersch @cvanw casey yee @whoyee. webvr mozilla....
TRANSCRIPT
![Page 1: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/1.jpg)
virtual reality
![Page 2: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/2.jpg)
When I say VR what comes to mind?
![Page 3: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/3.jpg)
![Page 4: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/4.jpg)
we’re talking about the wrong thing
![Page 5: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/5.jpg)
this is much bigger than headsets
![Page 6: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/6.jpg)
something that's better
than looking at media
on a flat screen
@ID_AA_Carmack
![Page 7: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/7.jpg)
immersive media
something that's better
than looking at media
on a flat screen
@ID_AA_Carmack
![Page 8: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/8.jpg)
immersive experiences are progressive
@joshcarpenter
![Page 10: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/10.jpg)
immersive media is…
![Page 11: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/11.jpg)
immersive media is…(1) a revolution in human computer interaction
![Page 12: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/12.jpg)
immersive media is…(1) a revolution in human computer interaction(2) a massive market thanks to existing devices
![Page 13: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/13.jpg)
immersive media is…(1) a revolution in human computer interaction(2) a massive market thanks to existing devices(3) best delivered via the web
![Page 15: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/15.jpg)
immersive media is…(1) a revolution in human computer interaction
![Page 16: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/16.jpg)
this screen
![Page 17: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/17.jpg)
![Page 18: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/18.jpg)
![Page 19: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/19.jpg)
![Page 20: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/20.jpg)
![Page 21: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/21.jpg)
![Page 23: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/23.jpg)
![Page 24: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/24.jpg)
look around the roomwhere is edge of your view?
![Page 27: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/27.jpg)
@arturitu
![Page 28: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/28.jpg)
immersiveness
device:
input:
![Page 29: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/29.jpg)
1870s 1970s 2000s
![Page 30: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/30.jpg)
1870s 1970s 2000s
@mozillavr
![Page 31: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/31.jpg)
why does this matter?
![Page 32: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/32.jpg)
![Page 33: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/33.jpg)
![Page 34: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/34.jpg)
learncalligraphy.today
![Page 35: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/35.jpg)
learncalligraphy.today
![Page 36: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/36.jpg)
medium.com/@samsniderheld
![Page 37: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/37.jpg)
@JKSBMS
![Page 38: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/38.jpg)
@ryhanhassan
![Page 39: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/39.jpg)
@dynamicland1
![Page 40: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/40.jpg)
@dynamicland1
![Page 43: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/43.jpg)
@tryvertical
![Page 44: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/44.jpg)
immersive media is…(1) a revolution in human computer interaction(2) a massive market thanks to existing devices
![Page 45: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/45.jpg)
1.41 million
![Page 46: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/46.jpg)
6.1 million
![Page 47: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/47.jpg)
94.5 million
![Page 48: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/48.jpg)
192.4 million
![Page 49: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/49.jpg)
4.2 billion
![Page 50: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/50.jpg)
immersive media is a continuum
VR Headset
Cardboard
@arturitu
![Page 51: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/51.jpg)
immersive media is…(1) a revolution in human computer interaction(2) a massive market thanks to existing devices(3) best delivered via the web
![Page 53: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/53.jpg)
content must pull user into immersion
![Page 55: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/55.jpg)
immersive media is better on the web...(1) content-first progressive enhancement(2) no app store(3) simpler development(4) use the best of the web ecosystem
![Page 56: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/56.jpg)
important moments in3D & VR on the web
![Page 57: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/57.jpg)
VRML1994
Mark Pesce@mpesce
Tony Parisi@auradeluxe
![Page 58: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/58.jpg)
VMRL1994
![Page 59: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/59.jpg)
VRML1994 - ~2000
Mark Pesce@mpesce
Tony Parisi@auradeluxe
![Page 60: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/60.jpg)
DARK TIMES2000-2010
![Page 61: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/61.jpg)
Web 3D Renaissance2010-present
![Page 62: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/62.jpg)
Ricardo Cabello@mrdoob
Vladimir Vukicevic@vvuk
WebGL Three.js
![Page 63: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/63.jpg)
WebVR 1.0
Kip Gilbert@kearwoodgilbert
Brandon Jones@tojiro
![Page 64: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/64.jpg)
WebVR 1.0
1. Detect VR devices2. Query capabilities3. Poll position and orientation 4. Display imagery at appropriate framerate
![Page 65: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/65.jpg)
Diego Marcos@dmarcos
Josh Carpenter@joshcarpenter
WebVR Mozilla
C. Van Wiemeersch@cvanw
Casey Yee@whoyee
![Page 67: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/67.jpg)
making VR/3D (on the web) was hard
![Page 68: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/68.jpg)
how many lines of code for a basic scene?WebGL: 400Three.js: 40
![Page 69: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/69.jpg)
Diego Marcos@dmarcos
Kevin Ngo@andgokevin
A-Frame
Don McCurdy@donrmccurdy
Josh Carpenter@joshcarpenter
![Page 70: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/70.jpg)
how many lines of code for a basic scene?WebGL: 400Three.js: 40A-Frame: 4
![Page 71: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/71.jpg)
how many lines of code for a basic scene?WebGL: 400Three.js: 40A-Frame: 4
![Page 73: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/73.jpg)
![Page 74: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/74.jpg)
More than just A-Frame:• ReactVR by Facebook• ForgeJS by GoPro• Primrose• Janus VR• Babylon.js• GLAM (GL And Markup)• PlayCanvas
![Page 75: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/75.jpg)
immersive media is better on the web...(1) content-first progressive enhancement(2) no app store(3) simpler development(4) use the best of the web ecosystem
![Page 76: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/76.jpg)
![Page 77: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/77.jpg)
WebVR + JSNEShttps://kfarr.github.io/aframe-jsnes/
![Page 78: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/78.jpg)
WebVR + Google Sheetshttps://github.com/kfarr/aframe-notecards
![Page 79: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/79.jpg)
WebVR + Google Sheetshttps://github.com/kfarr/aframe-notecards
![Page 82: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/82.jpg)
components@aframevr
![Page 86: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/86.jpg)
https://github.com/google-ar/
![Page 88: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/88.jpg)
how to use this in real life?
![Page 91: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/91.jpg)
![Page 93: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/93.jpg)
Amnesty International
![Page 95: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/95.jpg)
![Page 99: virtual reality - qconsf.comWebVR Mozilla C. Van Wiemeersch @cvanw Casey Yee @whoyee. WebVR Mozilla. making VR/3D (on the web) was hard. how many lines of code for a basic scene? WebGL:](https://reader036.vdocument.in/reader036/viewer/2022062604/5fbdc8223e12c1243d483e22/html5/thumbnails/99.jpg)
immersive media is…(1) a revolution in human computer interaction(2) a massive market thanks to existing devices(3) best delivered via the web