I've never been able to see one of these things on a screen until now. Now that I have, I really want too see an animated one.
The coolest thing so far is that you can click "redraw" and you'll cut to the next one and your eyes will already be focused for it.
There's pretty recent music video that's all autostereogram: https://www.youtube.com/watch?v=2AKtp3XHn38 The dots at the beginning are helpful.
I don't think MagicEye.js is fast enough to do a bunch of frames on the fly for some real-time animation, unfort. But if you already have the frames rendered you could stitch them together into a gif.
h key toggles the height map.
It uses a simplified version of the MagicEye.js algorithm which generates horizontally repeating patterns for hard height changes in the source image. That's why I went with a plasma in the end.
Source is available here: https://github.com/philippstucki/sird-plasma/blob/master/3dp...
To properly view them, you need to go wall-eyed, by focusing on something behind the screen. This is something that I have not been able to do yet.
It's a good technique if the repeating strips are really wide. On my screen at least, the strips here are pretty narrow, so it should be relatively easy to converge your eyes correctly.
Having said that, I don't know if this script is resolution independent, so it's possible that on some monitors the strips are a lot wider than they should be and that could be giving people more trouble.