Creative Coding: Bubblegum

Daniel Shiffman is the Bob Ross of coding. His Coding Train YouTube channel is a delight to watch, whether you are a beginner or seasoned coder. I love his dedication to “creative coding,” where you code for fun to make artistic or funny projects.

I was inspired by his Face Mesh Detection with Machine Learning (ml5.js) video where you use a webcam to detect key landmarks on your face and then apply graphics on top. I made a project where you blow a bubble until it pops.

The simple program detects when you purse your lips so it can enlarge a sphere (i.e. bubble) over your mouth until it reaches a size where it pops. It then applies an image of gum on the area around your mouth.

Try it out for yourself using your own webcam at https://editor.p5js.org/bcnr/full/oDr-HCzNY