Webcam on anotherjesse.com

Video Color Halftones

Mon, 05 Nov 2018 00:00:00 +0000

Webcam filter that uses a grid of circles to create a halftone effect. The color / size of the circles is determined by the video pixel color and intensity.

Builds upload the Video Halftones setting a color of circle to the color of the video pixel.

Video Filters

Mon, 05 Nov 2018 00:00:00 +0000

Exploring filters applied to images captured from the webcam. Inspired by this coding train video.

This is done using the filter feature in p5.js which applies the filter to the entire canvas. Since I’m additively applying the filters - the upper left image will have all the filters applied, and the bottom right will only have erode applied.

 var img = capture.get()

 image(img, 0, 0, video_w, video_h);
 filter(THRESHOLD);

 image(img, video_w, 0, video_w, video_h);
 filter(GRAY);

 image(img, 0, video_h, video_w, video_h);
 filter(POSTERIZE, 3);

 image(img, video_w, video_h, video_w, video_h);
 filter(ERODE);

Video Grid Delay

Mon, 05 Nov 2018 00:00:00 +0000

A fun little webcam video effect. By capturing video frames, and playing them back in a grid with increasing delay, we can create a kind of “time lapse” effect.

This code is based on a tutorial by The Coding Train.

Video Grid Random Delay

Mon, 05 Nov 2018 00:00:00 +0000

A slight (but FUN!) tweak of Video Grid Delay where the delay is randomized.

Video Halftones

Mon, 05 Nov 2018 00:00:00 +0000

Exploring using the webcam to create a halftone effect, like ye olde newspaper…