Why Do We Need Two Eyes?
summary
Argues two eyes matter because the brain fuses two slightly different images into depth and shows how to fake that by splitting RGB channels into anaglyphs, then combines two photos into one using canvas pixel manipulation and a tiny jQuery helper to remove red from one image and green/blue from the other. Shows a working live-coded demo, mentions a WebGL shader renderer that creates an extra camera for better results, and a playful CSS Nyan Cat demo as proof it runs.
AI-written summary · about
chapters (17)
- 0:00Intro
- 0:20Who am I
- 2:25Cats
- 4:05The magic number
- 5:41Anaglyphs
- 7:08History of photography
- 8:51Anaglyph techniques
- 11:02Blending modes
- 12:12Live coding
- 12:52Single document
- 13:22Canvas
- 15:02Image Data
- 15:52Array
- 18:02Drawing another image
- 22:02Anaglyph
- 23:42Renderer
- 25:02Conclusion
related talks
54mThe Computer Science Behind Colour
36mMaking a Robot Eye with JavaScript
24mAugmenting Empathy: Simulating Low-Vision Conditions with CSS, SVG and WebRTC
32mMagic of Computer Vision Unraveled
26mTake on me, web browsers!
22mTake on me, web browsers!
36mWear glasses with NodeJS, Puppeteer, and Chrome
15mGetting Weird with Video Manipulation and HTML5 Canvas