![Blend modes Result Color = 255 - [((255 - Top Color)*(255 - Bottom Color))/255]](https://image.slidesharecdn.com/jsconf-111002111936-phpapp01/85/Why-do-we-need-two-eyes-JsConfEu-October-2011-32-320.jpg)
Why do we need two eyes? - JsConfEu October 2011
- 1. ?
- 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!
- 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
- 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
- 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!
Editor's Notes
- #8: Kaucz
- #9: Koucz
- #16: Not only the depth, but also size
- #17: cut off from the civilization
- #32: Blend modes are used to determine how two Layers are blended into each other. The default blend mode in most applications is simply to hide the lower layer with whatever is present in the top layer. However, as each pixel has a numerical representation, a large number of ways to blend two layers is possible.
- #36: cx.getImageData(0, 0, width, height); pxData = imgData.data pxData[i ] = 0 cx.putImageData(imgData, 0, 0);