WebVR is a technology that will have a bright future, we all know it. Since it gives the ability to develop VR applications once and then make them available for every kind of headsets, it is a powerful framework. This is why I covered WebVR various times in my blog, like when I talked about Rodin, a framework to make WebVR development easier.
But I’ve also complained because I couldn’t manage to make it work. I’ve never been able to try a WebVR demo with my Rift… until today.
To try WebVR with Oculus Rift or HTC Vive, the community advices to use Firefox Nightly (Firefox version that includes continuous updates, even not-so-stable ones) or Chromium (the opensource version of Chrome). What I’ve obtained until today was that these two browsers recognized the headset, but they never offered me the ability to see the content inside VR (only rotational data was detected, so I could see the images following my head on the computer screen, but inside the headset everything was black).
Luckily a reddit user told me how to fix this issue with Chromium and so I’m going to tell you the secret. I don’t remember his username, but, whoever you are, unknown hero, I wish you the best!
- Download Chromium for WebVR. At time of writing, version is v1.1. To download it, click on the link I provided, then click on the download symbol on the upper right corner of your browser;
- Install Chromium. Well, actually there’s no installer, just a zip you unpack somewhere. So extract the zip in a directory where you know you’ll find it whenever you need Chromium (we all know you’ll be too lazy and will do that on the Download or Desktop folder);
- Launch chrome.exe;
- Read the warning telling you that this is an experimental build for WebVR and that using it for your daily navigation may cause your PC to explode and laugh;
- Activate WebVR. Go into the URL bar and write chrome://flags/#enable-webvr . A long list of options will pop up in the body of the browser. You have to click to Activate in the first one;
- Activate controllers for WebVR.Go again into the URL bar and write chrome://flags/#enable-gamepad-extensions . Other options will pop up. Again, you have to select Activate in the first one. (It is always the first option that you have to change because that fancy URL you’re writing asks Chrome to show you the list of its flag and find and show as first one the flag with the name specified after the # character);
- Ok, now you can let the magic happen with your Oculus Rift… go to any WebVR website and have fun!!! If you have Vive, documentation advices you to launch SteamVR to trigger Vive tracking.
Another redditor tells that with some experiences you have to trigger full screen to live properly WebVR.
I always skipped step 5 and 6 and that’s why I couldn’t experience VR! I wonder why these options are not active by default… but, well, it’s not my business.
UPDATE: at May, 23rd 2017 this method is not working anymore for me (maybe because of Windows 10 creators update). But with Firefox Nightly everything continues working… so my advice is to use Firefox Nightly if Chromium doesn’t detect your browser anymore.
Ok, now that you can use WebVR… where can you go testing it? Well, you may become naughty and test it with PornFoxVR… but, I advice you to start with something more quiet 🙂
Google has recently announced the release of a series of WebVR experiments developed by its employees or partners. These are very simple experiences (we’re not talking about SuperHot or RoboRecall) that showcase particular features of WebVR, like:
- Virtual Reality rendering;
- Use of VR controllers;
- Collaboration within VR (i.e. multiplayer);
- Collaboration between a player in VR and another one using a smartphone (something I already appreciated talking about Facebook Spaces);
- Vocal commands usage;
Apart from being funny experiences to be played, these are very precious resources for developers, since all these samples are opensource. You can download the source code on GitHub and learn how to develop in WebVR learning by examples. Cool, isn’t it?
If you’re not a dev, these samples are a great way to start playing with WebVR and to see if it works in your browser. They can work both on your headset in VR and on your flat screen, seen as a simple 360-degrees experience, like a 360-video watched on YouTube. So, whether you’re a dev or not, these samples are great for you.
You can access all these experiences here. When you select an experience, you’re taken to the description page where you’re told what it is about and you’re shown a video about the experience. From the same page you can choose to download the source code or to live the experience. Every experience to be lived in VR requires you to select the “Enter VR” button… otherwise it will just run on the flat screen.
What have been my favourite ones?
- Under Neon Lights: a music video in computer graphics with music performed by Chemical Brothers. With Touch Controllers you can change your point of view or change light inside the video. Watch the girl grow up in this oniric and disturbing video! My favourite experience;
- Sonic Umbrella: watch strange objects (like notes, drums, rubber ducks) fall from the sky and hear their noise in 360!
- The musical forest: add different geometric shapes with your controllers (I used Touch!!!) and then play them as if they were drums!
- Mr Nom Nom: help a donut in blocking with a scarf the toys that want to eat her! Drawings are really cute, but gaze control is a bit a pain;
- Konterball: play ping-pong with your head, alone or with a friend. Moving the racket with the head is something that will guarantee you a neck-ache, but it’s funny nonetheless.
All experiences are simple and neat and with that cute graphical touch that is always present in all Google artworks (like Doodles). I liked all of them… even the one not included in the list.
After you’ve tried them, well, you’re ready to experience all other WebVR websites… or to develop your own!
Hope to have been of help… if it has been the case, please help me by sharing this article on your social networks!
(Header image by Google)