P5.js sketch

Coding Exercise

For this assignmnet, based on the Doodle Classification wth DoodleNet example, I want to draw multiple doodles to trigger special effects, using different plants and weather conditions to evoke different animations.

I first started with making the UI, creating multiple canvas and button and involved two doodleClassifier to recognize patterns drwan on different canvas respectively.

image.png

Then I made a simple test to see if it worked. I first tried changing the color of the third canvas based on two different doodle recognition results.

image.png

Finally, I created three very simple animations for the three combinations, corresponding to flowers blooming in the sunlight, plants growing in the rain, and trees covered in snow, respectively.

image.png

image.png

image.png

Demo

ML week8.mp4