Virtually Anywhere

Download Virtually Anywhere

Post on 27-Jan-2015

103 views

Category:

Technology

1 download

Embed Size (px)

DESCRIPTION

Slides from my talk at WebGL Developers Meetup 11-June-2014 http://www.meetup.com/WebGL-Developers-Meetup/events/184939992/

TRANSCRIPT

<ul><li> 1. virtually anywhere: VR and the open web Tony Parisi Vizi, inc. June 11, 2014 </li></ul> <p> 2. VR today closed-system development native code + proprietary development tools (Unity, UDK) integration with web is whatever you get from those tools fine for high-performance games and single isolated experiences MASSIVE downloads 6/11/2014http://www.tonyparisi.com 3. the open web 60FPS mind-blowing graphics in WebGL programming in JavaScript all your web data at your fingertips NO downloads 6/11/2014http://www.tonyparisi.com 4. two great tastes ? 6/11/2014http://www.tonyparisi.com 5. Oculus Rift and browsers no native browser support for stereo rendering and head tracking yet OculusBridge https://github.com/Instrument/oculus-bridge Three.js-based renderer and camera controller native app does head tracking; sends updates to browser via Web Sockets 10ms+ latency, not great vr.js https://github.com/benvanik/vr.js Three.js-based renderer and camera controller browser extension (Chrome and FF) does head tracking in native code, talks to JavaScript via plugin API &lt; 10ms latency, better it would be ideal if browsers had built-in support head tracking stereo rendering or at least a USB interface (not in an extension) 6/11/2014http://www.tonyparisi.com 6. early experiments 6/11/2014http://www.tonyparisi.com water world paint with particles! http://vizi.gl/engine/tests/waterworld/waterRif t.html based on PartiArt by Eric Levin (@ericrius) http://ericrius1.github.io/PartiArt/ Futurgo city car test drive http://vizi.gl/engine/tests/futurgo/futurgoCity Rift.html based on Futurgo City from my book examples https://github.com/tparisi/Programming3DAp plications/ frame rate: good latency: seems ok. experience: fun. frame rate: ok latency: not great. experience: meh. the stack: vr.js OculusBridge Three.js Vizi 7. GLAM (GL And Markup) - a declarative language for 3D web content https://github.com/tparisi/glam/ define 3D scene content in markup; style it in CSS vr + ml 6/11/2014http://www.tonyparisi.com the markup the CSS 8. links the demos (require vr.js) http://vizi.gl/engine/tests/waterworld/waterRift.html http://vizi.gl/engine/tests/futurgo/futurgoCityRift.html http://vizi.gl/glam/examples/glamcityvr.html http://vizi.gl/glam/examples/glamshaderfresnelvr.html tools and libs Oculus Bridge https://github.com/Instrument/oculus-bridge vr.js https://github.com/benvanik/vr.js Three.js https://github.com/mrdoob/three.js/ Vizi https://github.com/tparisi/vizi GLAM https://github.com/tparisi/glam/ 6/11/2014http://www.tonyparisi.com </p>