Back to all discussions

  •   over 10 years ago

Magic 3D

When I was a kid, I was obsessed with the Magic Eye books. Obsessed. Remember these?
https://goo.gl/IlFLH2

Somebody mentioned them a few months ago and jogged my memory, and I quickly jumped from google, to amazon, to github, and came across MagicEye.js. http://peeinears.github.io/MagicEye.js/

It works by reading all of the pixels of an [html] image or a canvas element and creating a depth map, which it uses to generate a stereogram (that's the technical name for a 'Magic Eye' image). It just so happens that three.js [http://threejs.org] runs in a canvas, and has a material type - the MeshDepthMaterial - that renders mesh faces based on their distance from the camera.

The idea for the hack is to mash these two libraries up and make a 'Magic Eye' renderer for three.js: Magic 3D!

I have no idea if this will work, but it seems like it should. If it does, we'll try to create a few cool examples to show what sort of magic is possible using this hack.

  • 1 comment

  •   •   over 10 years ago

    Can this be a 3D viewer instead?! Like, with 3D goggles. It overlays the two colors. And zooming with the mouse spreads out the overlays making the form pop out more.

Comments are closed.