Having done a lot of work in 3D rendering, games, education, and Javascript it seemed only right I make some attempt to combine them. My first offering is this: a VR photowall to give students the chance to experience VR from the comfort (!?!?!) of the browser, either on the desktop or from your phone.
All three of these examples have been used in my "VR in education" consulting work and talks.
The most basic of examples is that of a photo wall. In this case, a single 360 image is wrapped around the viewer, allowing them to look up and around to explore their surroundings from a fixed point. The 'point' in this example is from one of four of London's many bridges. I spend a day photographing views from all the bridges, and decided (artbitrarily) on these four. Since it's a wall and not a 360 image, if you look up too high you'll see the top of the image! NEW! If you wish to create your own photowall, simple append the argument wall to the URL, with a comma-separated list of the URLs you with to use. |
From a basic cyclindrical wall, it wasn't much of a stretch to amend the code to render the texture onto a 3D sphere. Naturally, I needed some different images, and the internet was willing to oblige! As with the photowall example, using the URL argument sphere lets you use your own images. |
The most complex example! A full 3D world in which you can move and look around. Since you won't have the position sensors to detect your position in space, you can use the cursor keys and/or mouse to move around. This example, like of the work on this page, is available for license. |