Felipe Torres
![](https://s3.amazonaws.com/media-p.slid.es/uploads/21592/images/3455314/FFORRES.jpeg)
JS (& VR) Fan
http://fforr.es
Groupon
@fforres
noders.com
JS (& NodeJS) Evangelist
Software Engineer @
(fforres)
WebVR
Web + VR + React
+ (Redux?)
Disclaimer
¿Qué es VR?
VR es Hacer Trampa
![](https://s3.amazonaws.com/media-p.slid.es/uploads/21592/images/3567751/phphcmzkd.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/21592/images/3567765/21347-52b9e07c482822ed7abbc05f5bd9a404.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/21592/images/3567767/600624-nintendo-nx-incluiria-realidad-virtual-retrasaria-su-produccion-2017.jpg)
5 Opciones Mainstream
- Google Cardboard -> Cool + $
- Samsung Gear -> Cool + $$
- OSVR -> Cool + $$$
- Oculus Rift -> Awesome + $$$$
- HTC Vive -> Awesome + $$$$
La opción Barata
https://github.com/spite/WebVR-Extension
VR Apps Hoy
- Muchos gigas por app!
- AppStores
- Apuesta es AAA
- SW & HW Propietarios
- Non-entry-level
(como 4 gigas)
Web Apps Hoy
- Acceso rápido
- Progresivas (no PWA)
- No Hay GateKeepers!
- Poco cerradas.
- Source Code.
- Baja barrera de entrada
WebVR
![](https://s3.amazonaws.com/media-p.slid.es/uploads/21592/images/3572359/webvr-logo-square.png)
Text
WebVR
Rápido
Barato
Democratizado
Construye en JS (Web Standard)
Renderea en WebGL (Web Standard)
Trackea la posición del Device (Web Standard)
Funciona en el Browser! (Web Standard?)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/21592/images/3572384/giphy__2_.gif)
Atwood's Law
"Any application that can be written in JavaScript, will eventually be written in JavaScript"
![](https://s3.amazonaws.com/media-p.slid.es/uploads/21592/images/3567821/learn_javascript_on_mac_thumb800.jpg)
¿Y Cómo Hago WebVR?
Browsers
![](https://s3.amazonaws.com/media-p.slid.es/uploads/21592/images/3572446/icon.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/21592/images/3572447/icon-nightly__1_.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/21592/images/3572448/icon__1_.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/21592/images/3572449/icon__2_.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/21592/images/3572450/icon__3_.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/21592/images/3572451/icon__4_.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/21592/images/3572452/icon__5_.png)
webvr.rocks/#browsers
Frameworks
aframe.io/
github.com/facebookincubator/react-vr
github.com/ngokevin/aframe-react
three.js
Let's See Code
Geeking Out!
WebAssembly consensus and end of Browser Preview
https://lists.w3.org/Archives/Public/public-webassembly/2017Feb/0002.html
A cartoon intro to WebAssembly
https://hacks.mozilla.org/2017/02/a-cartoon-intro-to-webassembly/
Lin Clark
Más Info?
webvr.rocks
webvr.info
github.com/wizztjh/awesome-WebVR
webvr-slack.herokuapp.com/
reddit.com/r/WebVR/
bit.ly/vr_osom
https://github.com/haydenjameslee/networked-aframe
So long, and thanks for all the fish."
...
![](https://s3.amazonaws.com/media-p.slid.es/uploads/21592/images/3457147/Groupon_Logo.svg.png)
WE ARE HIRING
![](https://s3.amazonaws.com/media-p.slid.es/uploads/21592/images/3457156/803707883_87495_1559150333676257988.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/21592/images/3457157/803726063_20679_14749675912803914883.jpg)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/21592/images/3457158/803718456_69220_2147405998392223015.jpg)
Software Engineer
JS/NodeJS
CSS, CS, JS,
Backend, Frontend,
<The Extra Mile>
Realidad Virtual!... en la web (WebVR)
By forres
Realidad Virtual!... en la web (WebVR)
- 943