I teamed up with Sophie for this project. We wanted to create something for our final project that would encompasses everything we have learned so far in p5.js: and that is when we created "Chaos". We used a previous project of mine, that being the sound project and wanted to create contemporary art that is aligned with the beats of the song. We initially tried to use shapes available in p5, but then decided to use funny/random photos of us and from the internet: we wanted to create chaos within the screen. We collectively decided which photos we wanted to include in our sketch. Sophie photoshopped the photos so they would appear as .pngs. We initialized the photo elements, then we preloaded the photos in the preload function. 

I wanted the photos to follow to beat of the music, so we created if then statements. If the frame count was divisor by the frame rate, then play beat 8 in the array, and show one image. We also wanted to upload more images so we added onto the "if then" statement and added an or || so that more variety of images showed up on the canvas. 

We also decided to mess with the sizing so I did a resize function and we also wanted the images to pop up randomly on screen to form a collage so we used the random function on the x and y axis of the images.

​

Overall, I had a lot of fun creating this collage of randomness with Sophie and I hope to expand my knowledge of p5.js in the future.