https://editor.p5js.org/JiawenW/sketches/Y1wd_-4wB
For this assignment I modified the code from this sketch made by Dan Shiffman https://editor.p5js.org/codingtrain/sketches/GMRfsK7Wn
I want to make the sketch be fun and playful, so rather using static image i use gif, to have a more animation style.
The gif I used:
I also want the interface to be more user-friendly, so I take some time to do a responsive canvas, so that it’s easier for the user to view the output result. To let the gif looping, instead of display the image in setup, I put it in the draw function so that it’s gonna draw the image in loop.
I also adapt the filter data from this weeks reading too add more filter option to let the user choose which they want to use
For better user interface, I use a dropbox to manage all the filter type. Here is the result:
