Tony Parisi
is VP of Web and Open Technologies
tony@wevr.com
+1  (415) 902 8002
@auradeluxe
virtually anyone
can make VR
the dream
the reality
the rest of us
introducing:
DERP
(DOM-based EquiRectangular Photo Viewer)
the tools
the code
there IS no code!
GLAM library lets you
make 3D and VR using
just markup
http://www.glamjs.org
DERP took 90
minutes to make.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="./libs/glam/glam.js" ></script>
<title>DERP - DOM-based EquiRectangular Photos</title>
<style>
body{
margin: 0px;
}
#ss1 {
sphere-image:url(./photos/474488503.717899-sampled.jpg);
}
#viewer {
position:absolute;
width:100%;
height:100%;
}
</style>
</head>
<body>
<div id="viewer">
<glam>
<scene>
<renderer type="cardboard"></renderer>
<controller type="deviceOrientation"></controller>
<background id="ss1" type="sphere"></background>
</scene>
</glam>
</div>
</body>
</html>
the deal
• WebGL rocks
real time 3D in a browser - no problem
• markup languages FTW
www.glamjs.org
www.aframe.io
scenevr.com
• browsers kinda do VR, getting better all the time
“WebVR” API experimental in Chrome, FF nightlies
Desktop - still need 90hz refresh (“any day now”…)
Mobile - head tracking still slow (but this is a general
Cardboard problem)
GearVR - Samsung’s “VR browser” will someday do
WebVR API
• proprietary tools, app stores and walled gardens FML
Thank
You.
Tony Parisi
is VP of Web and Open Technologies
tony@wevr.com
+1  (415) 902 8002
@auradeluxe
DERP can be found on Github at
https://github.com/tparisi/derp

Virtually Anyone

  • 1.
    Tony Parisi is VPof Web and Open Technologies tony@wevr.com +1  (415) 902 8002 @auradeluxe virtually anyone can make VR
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
    the code there ISno code! GLAM library lets you make 3D and VR using just markup http://www.glamjs.org DERP took 90 minutes to make. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="./libs/glam/glam.js" ></script> <title>DERP - DOM-based EquiRectangular Photos</title> <style> body{ margin: 0px; } #ss1 { sphere-image:url(./photos/474488503.717899-sampled.jpg); } #viewer { position:absolute; width:100%; height:100%; } </style> </head> <body> <div id="viewer"> <glam> <scene> <renderer type="cardboard"></renderer> <controller type="deviceOrientation"></controller> <background id="ss1" type="sphere"></background> </scene> </glam> </div> </body> </html>
  • 8.
    the deal • WebGLrocks real time 3D in a browser - no problem • markup languages FTW www.glamjs.org www.aframe.io scenevr.com • browsers kinda do VR, getting better all the time “WebVR” API experimental in Chrome, FF nightlies Desktop - still need 90hz refresh (“any day now”…) Mobile - head tracking still slow (but this is a general Cardboard problem) GearVR - Samsung’s “VR browser” will someday do WebVR API • proprietary tools, app stores and walled gardens FML
  • 9.
    Thank You. Tony Parisi is VPof Web and Open Technologies tony@wevr.com +1  (415) 902 8002 @auradeluxe DERP can be found on Github at https://github.com/tparisi/derp