Without further ado: http://dgtized.github.com/autostereogram/
Using the radio buttons at the base of the page you can select which depthmap you want to render, and with which pattern to embed the stereogram in the tiling. The neat thing about the file upload buttons is they aren't actually uploading to the server, just loading the image you select into the page. This is why reloading the page ditches any patterns or depthmaps you "uploaded". Note that some of the depthmaps are encoding max depth as 0 instead of 255, so if it looks like the image is inside out, just use the invert depthmap checkbox. Clicking on the canvas will display the depthmap.
Warnings and Sources
As this was a proof of concept hack, I didn't really focus much on cross-browser testing. I know it at least renders the autostereogram in:
- Firefox 4.0
- Android (not sure on the file upload, but the autostereogram renders on my Nexus One)
Sometimes when uploading a pattern or depthmap it is added more then once.
Apparently the Canvas and File API's have security problems if they aren't being hosted off of a webserver.
static.ruis a Rack file for using thin to run a temporary server on localhost:3000. Just install thin, and execute:
$ thin -R static.ru start
Browse to localhost:3000 and everything should be happy.
Copyright 2010-2016 by Charles L.G. Comstock (email@example.com), released under MIT License