Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
35 lines (21 sloc) 2.51 KB
comments_issue title
51
20 Minutes into the Future with Google Cardboard and JavaScript

I gave this talk at JS Oxford in November 2015. The talk is about using JavaScript and various web APIs to create Google Cardboard experiences.

{% include figure.html src="jsoxford.jpg" %}{:.massive.center}

You can view the slides online here, navigate the slides by clicking.

{% assign iframe_url = "https://www.youtube.com/embed/Ogn_cQ6F338" %} {% include iframe_embed.html %}

I wrote the slideshow framework from scratch for the talk, using marked.js, three.js and some custom JavaScript.

{% include figure.html src="jscardxyz.png" %}{:.massive.center}

To accompany the talk I also created some demos, these can be viewed online on jscard.xyz. These are best viewed in Chrome on an Android device, but should work alright in Chrome on Mac/Windows too.

You can view the source for the slides and demos here on Github.

To present the demos live, using an actual device, I used the Chrome extension/Android application Vysor. This allows you to stream your phone's screen over USB (via ADB), and it works really well.

#adb with #vysor is a great way to view/debug stuff on your #android device #cardboard #vr https://t.co/uLLEq8DSUs pic.twitter.com/8yoqcsY2uA

— Max Glenister (@omgmog) November 12, 2015
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

Besides thinking about how to create Google Cardboard experiences using JavaScript, I've also been collecting resources about the UI/UX of VR, which I've put together as a useful list.

You can find out more about the [UI/UX in VR list here]({{ site.url }}/post/ux-in-virtual-reality/).

You can’t perform that action at this time.