01: Basic VR

================================================================================

Kicking off Cardboctober I’ve decided to go with something very simple.

This is actually pretty much one of the JSCard
(https://blog.omgmog.net/jscard.xyz) demos that I created last November for my
20 Minutes into the Future with Google Cardboard and JavaScript
(https://blog.omgmog.net/post/talk-jsoxford-20-minutes-into-the-future/) talk.

I’m using Three.js (as I will be for pretty much all of the Cardboctober hacks),
along with the StereoEffect.js and DeviceOrientationControls.js plugins to
provide a VR experience.

So what does this do?

Not a lot actually, it’s just a spinning/bouncing red cube. If you view it
through Google cardboard it will be stereoscopically 3D, and you will be able to
look around.

[IMAGE: https://blog.omgmog.net/images/2016-10/01/giphy.gif]

Some caveats you’ll find with this very primitive 3D scene are that you can’t
actually move from the fixed position that I’ve stuck the camera in, and the
whole scene is oriented based on Cardinal North, so if you’re facing in the
wrong direction you might not see the cube.

================================================================================
Published October 01, 2016

Generated from the original post:
https://blog.omgmog.net/cardboctober/cardboctober-01/


Max Glenister is an interface designer and senior full-stack developer from
Oxfordshire. He writes mostly about front-end development and technology.

- Mastodon: https://indieweb.social/@omgmog
- Github: https://github.com/omgmog
- Reddit: https://reddit.com/u/omgmog
- Discord: https://discordapp.com/users/omgmog#6206