Experimental ASCII Camera

link to sketch if embedded sketch isn't working: https://editor.p5js.org/CassyKanuck/sketches/S3fVhbwrK

Description

An ASCII image is an image that is graphically composed of specific characters defined by the ASCII standard from 1963, but in my camera there is a twist. I have coded this camera to display different characters that make up the ASCII result, based on what color is most prominently detected in the user's webcam. For example, if the most prominent color in the frame is green, the characters that make up the image would include: '.* green GREEN'.

I achieved this effect using Google's machine learning tool called Teachable Machine. I taught the machine using many different images of objects that were either red, green, blue or yellow, which are the four colors that can be detected and displayed on my ASCII camera. This camera puts a fun twist on ASCII image generators, and the color detection adds another layer of interest to the user.

Method

This experimental camera was made using JavaScript through p5.js, and Google's "Teachable Machine". I gained inspiration for this camera from Daniel Shiffman's ASCII image p5.js tutorial, and my general interest of pixel art and raster images.