Inspiration：
My mom sent me a picture last week of a beautiful sunset scene taken from my apartment. Since I live separately from my parents, I haven’t seen my own space in a long time, even though I usually video with my family. And when I received the photo it was raining in New York.
Personally, I always resonate a lot with stream-of-consciousness stuff. I feel that time and space can overlap in the pure world of consciousness. So I tried to do something with this photo. And I add a short and subtle sentence for it.
The key functions in this assignment are filter and map. I started out using the filter directly with filter(BLUR, ‘value’ px), but it was very slow and even got stuck. I searched and found that I could use the canvas API functions. Functions of p5js are actually high-level libraries of the canvas API so that we can use the Canvas API function directly on the p5js environment. They’re not the p5js functions but p5js still allows us to use it through the variable drawingContext. In this case, it will be drawingContext.filter = ‘blur(‘+str(value)+’px)’. It works especially well in animation.
References：