This document discusses why two eyes are needed for vision. It notes that one eye is not enough to provide depth perception, but three eyes would be too many. It then explores the concept of stereoscopy, or three-dimensional vision, which relies on having two different images synthesized by the brain from the two eyes. The document covers the history of stereoscopy and anaglyph 3D images, which produce a three-dimensional effect for the viewer by using red and cyan filters for the left and right eyes. It also demonstrates how to create anaglyph images with JavaScript.

2. Why Do We Need Two Eyes?

3. Who is this guy? - JavaScript Developer from Poland

4. Who is this guy? - JavaScript Developer from Poland - Open Web Game Developer

5. Who is this guy? - JavaScript Developer from Poland - Open Web Game Developer - Organizer of onG ameStart @onGameStart http://ongamestart.com

6. Who is this guy? - Open Web Game Developer - Organizer of onGameStart - Creator of CSS Nyan Cat & other ridiculus web demos http://michalbe.github.com/css-nyan-cat/

7. Who is this guy? - Open Web Game Developer - Organizer of onGameStart - Creator of CSS Nyan Cat - W3C HTML5 GameDev c ouch

8. Who is this guy? - Open Web Game Developer - Organizer of onGameStart - Creator of CSS Nyan Cat - W3C HTML5 GameDev c oach

9. Booooring! What about the eyes?

10. One is not enough.

11. One is not enough.

12. Three? Too much.

13. Three? Too much.

14. Three? Too much. http://www.youtube.com/watch?v=dOivbSTpzXs

15. 'TWO' is the answer

16. 'TWO' is the answer

17. Brain

18. Two images in, one scene out

19. Analgifs

20. Anaglyphs

21. Wow! It's really fresh!

22. Nope! Chuck Testa!

23. Photography & Stereoscopy 1826

24. Photography & Stereoscopy 1838

25. Stereoscopy

26. Stereoscopy

27. First anaglyphs

28. Avatar 60 years ago http://www.youtube.com/watch?v=0b96x2Qdm5E

29. Left/right images

30. Left/right images

31. Blending modes

32. Blend modes Result Color = 255 - [((255 - Top Color)*(255 - Bottom Color))/255]

33. Result

34. Can we haz some JavaScript?

35. Livecoding!

36. Other anaglyphs

37. True anaglyphs

38. Grey anaglyphs

39. Color anaglyphs

40. Optimized anaglyphs

41. Anaglyphs in a browser http://jsfiddle.net/U4TTR/25/

42. Anaglyphs in a browser http://mrdoob.github.com/three.js/examples/webgl_materials_cubemap_balls_reflection_anaglyph.html

43. Thanks!

44. Nope! Chuck Testa!