Making a Robot Eye with JavaScript
summary
Shows how to grab pixels with canvas getImageData and treat an image as a 1D RGBA arrays buffer, implements brightness, contrast, posterize and convolution kernels including Gaussian blur and sharpen, converts to luma and thresholds, labels connected components, computes shape metrics such as circularity pi·area/circumference to detect circles, and moves heavy work off the UI thread with Web Workers. Demonstrations include a working socks pattern detector and a small AR/visual filter pipeline.
AI-written summary · about
chapters (14)
- 0:00Intro
- 3:10Human eyes
- 6:20Computer vision
- 7:05Announcement
- 8:50Canvas
- 10:40Image Data
- 14:36Image Filter
- 17:38Corner Convolution
- 20:21Image Processing
- 24:36Image Isolated
- 27:31Data
- 28:36Circular Shape Factor
- 29:54Socks
- 31:06Web Worker
