The WebGL-framework Three.js I mentioned in the previous entry has a nice variation of its renderer which renders scenes as red-cyan anaglyphs. So using Three.js, you basically get anaglyphs for free without any additional work on your part (an anaglyph is an image where you need glasses with red and cyan glasses to get a stereoscopic, three-dimensional view).
I tried to construct a little scene using this ability, but what I disliked was that the scene, as an anaglyph, was too distant and appeared to be positioned behind the screen. I had a scene with several concentric circles of spheres, and I wanted them to appear to intersect the plane of the screen, with the center of the circles coinciding with the screen. And since I found no way of doing it, I plugged two new parameters into AnaglyphWebGLRenderer, called the new version ProtrudingAnaglyphWebGLRenderer and put it in a file ProtrudingAnaglyphWebGLRenderer.js.
You can use it like this:
renderer = new THREE.ProtrudingAnaglyphWebGLRenderer();
renderer.outstretch = 2.0; // stretches the apparent z-direction
renderer.outshift = 3.0; // makes the scene come nearer
The result looks like this (provided your browser has WebGL capabilities)(with both a normal, non-anaglyph version and an anaglyph version):
Unfortunately, your browser doesn’t support WebGL, so there is nothing to see here.
<a href="http://www.autoinsuroptions.com/">auto insurance rates</a> <a href="http://www.autocoveragerates.net/">car insurance</a>
<a href="http://www.getquotefreeonline.com/">car insureance</a> <a href="http://www.autocoveragerates.net/">nj car insurance</a>