HTML 5 Stereoscopy
I've written some JavaScript code that is a basic demo of stereoscopic rendering with the new Canvas element. The techniques that the Wikipedia article describes that I have used in this demo are:
- Stereopsis (in this case, simple linear transformation in X-axis proportional to Z-axis as an approximation to a real 3D transformation)
- Occlusion of one object by another (Z sorting)
- Subtended visual angle of an object of known size (scaling object size proportional to Z-axis)
- Haze, desaturation, and a shift to bluishness (interpolating object color proportional to Z-axis)
The performance in Chrome is pretty good. This also runs on the Android browser, though you have to drop the rendering down to 10 objects even on the Motorola Droid to get anything resembling reasonable frame rates. It also runs in Safari for Windows, Firefox, and Opera. I've included Google's EXCanvas script to get it to work in IE, but performance is abysmal.