WebXR: when immersive content enters the Web
(Mozilla Tech Briefing: Mixed Reality 2018)
Fabien Benetou @Utopiah, WebXR developer
go to Mars, I can't scuba dive in the Marianne trenches, I can't juggle 4-dimensional toys, I can't hike in hyperbolic space, I can't organize my thoughts by moving them in space,
How it impacts your daily life and the daily life of those around you when you come back does matter.
What's VR? Fooling your senses, giving up temporarily control to explore another reality
fabien@holodeck:~$ sudo su [sudo] password for fabien: Sorry, try again. [sudo] password for fabien: Sorry, try again. [sudo] password for fabien: sudo: 3 incorrect password attempts fabien@holodeck:~$
Why I'm contributing to Mozilla? Because I have to know how it works and that, whenever I need, I can modify a piece, something fundamental in your daily life yet even more in VR since you as a developer and artist literally shape a new reality
fabien@holodeck:~$ sudo su [sudo] password for fabien: root@holodeck:/home/fabien#
How I'm contributing : A-Frame/A-painter PRs, issues, docs, participated to All Hands Hawaii and All Hands Austin, Dev Road Show Asia... but mostly just chatting on Slack!
When people ask if 3D or #VR on the web can really be "pretty" I'll also start to share @sketchfab #glTF page https://t.co/kbpPDAnxMA in addition to @PlayCanvas #WebGL2 "After the flood" demo https://t.co/er6XaLwM8h and @thespite cru·ci·form https://t.co/QbaIudghxC pic.twitter.com/bgarsZbVdA— Fabien Benetou (@utopiah) January 26, 2018
, it is not a "low resolution port".
Warning! epileptic? Please close your eyes for a minute...
Why A-Frame works cf The future of Virtual and Augmented Reality for the web by Jordan Santell, ColdFront17
Live coding, aka how to look silly in public.
(that's THE moment that is going to make us late ;)
Turtles 🐢 Shaders all the way down
A-Frame + A-Frame inspector + A-Frame repository + A-painter + A-whatever-you-want ?
...finally Is AR better than VR?
Yes! No! It depends!
Starting with Argon Browser, 2011 (project started in 2009) GeorgiaTech
A VR and AR Project by Mozilla
pointA.distanceTo(pointB); //thanks to threejs Vector3 utils
<script src="https://rawgit.com/mozilla/aframe-xr/master/vendor/aframe-v0.7.1.js"></script> <script src="https://rawgit.com/mozilla/aframe-xr/master/dist/aframe-xr.js"></script> <script src="../resources/hit-test.js"></script> <script src="../resources/proximity.js"></script> <script src="../resources/tap-event.js"></script> <a-scene hit-test> <a-sphere radius="0.01" position="0 0.005 -0.5"></a-sphere> <a-scene>
Live coding, aka how to look silly in public, again!
(We're already late so... ;)
HYPER-REALITY by Keiichi Matsuda
WebVR or WebAR but WebXR
Announced at the W3C VR content authoring workshop in Brussels today: What we've been calling "WebVR 2.0" has been renamed the WebXR Device API, and the group developing it is now the Immersive Web Community Group.— Brandon Jones (@Tojiro) December 5, 2017
Now https://github.com/immersive-web/webxr/ rather than "just" an AR issues in the WebVR specification.
Notes: On stage AFrameXR demo with Odyssey (have to find a way to stream! even if webcam showing own screens) and XR viewer. Inspiration from 34c3 to highlight the importance of FLOSS (eg shoutout to OpenHMD) E.g. personal big data
laptop + Samsung Odyssey (inside out tracking, it will work with 6DoF without complex setup) + iPhone 6S then I'll connect to network A-painter, ask somebody from the audience or the team to paint a fox or something like that. Using networked a-painter on the presentation laptop will show the painting down live. Then I'll use what has been painting (or a backup, just in case) in the XR Viewer using the webcam of the presenting laptop. The goal there is :
obviously re-iterating that all that is happening in the browser as is quite obvious for you but often half way through visual demos I find quite a few people tend to forget.
On the other hand illustration that regardless of your intelligence it's hard to imagine even simple things related to perceptions https://youtu.be/E_gL158E5Is?t=474