So this week was kind of a bust; I had a grandiose idea that I was really excited about, but didn’t give myself enough time to figure out how to do it. I wanted to craft a sketch that would start as a blank canvas with a randomly generated color as the background, and then with each mouse click, a shape would appear and start moving across the screen. However, I wanted each of the shapes to be an element of another classmate’s portrait from last week, and for them to accelerate to a specific section of the canvas where they would reassemble into their original portrait. The end result hopefully being, if you clicked enough times, eventually all the portraits would be laid out next to each other. I also hoped to have the shapes accelerate on a rate based on the frameRate(), so that the longer it played the quicker they would move.
Obviously I started by trying to scale down the idea and start with just 4 (or even 1). The big hurdle that I ran into, which is a recurring problem from last week, was I didn’t know how to represent a list of “lines” (i.e. an array where each element is another shape like “ellipse(50,50,50,50);”). I played around with some array functions, but I don’t think I know enough about the parameters of arrays to make it work. I then realized I could probably do something similar with objects, but I didn’t have time to read or watch the videos on that to figure out how they work.
I feel like an issue I might have in this class is wanting to bite off more than I can chew, rather than keeping it simple and working on the specific concepts each week…. Anyway, so I went back to the drawing board and just did the bare minimum:
https://editor.p5js.org/DeadAugust/sketches/S1kcFNWKm
One cool thing that happened though was I accidentally signed into a p5.js editor account I didn’t remember I had, from a day-long workshop I took in creative coding in L.A. last year. (Which happened to be the exact day I decided to apply to ITP, coincidentally…). And I found this cool webcam sketch, but I don’t remember who to credit for it, just the name of the workshop. So I tweaked it a little to make it fit this week’s assignment:
(screenshot is dark because I was working from bed at 2am)
https://editor.p5js.org/DeadAugust/sketches/BJLPq3eYX