Manipulating with pixels reminds me of low-resolution image/video which brings me back to old times. We want to reconstruct and reinterpret some retro and digital stuff. We dissociate the classic screensaver and put it in the background, creating an experience back to retro, distortion, unornamented and digital times.
I cooperated with Marcel Wang on this project.
Check my work here (fullscreen version)!
Reference:
- Use interval function instead of embedded draw() function to control the loop of multiple sketches independently.
https://p5js.org/reference/#/p5.SoundLoop/interval
https://www.youtube.com/watch?v=CqDqHiamRHA - Position the elements in html and css (This is the part we spent lots of time on)
https://www.freecodecamp.org/news/how-to-use-the-position-property-in-css-to-align-elements-d8f49c403a26/
https://stackoverflow.com/questions/5209814/can-i-position-an-element-fixed-relative-to-parent
https://stackoverflow.com/questions/15816503/how-get-real-positions-of-element-in-javascript - Artistic effects
https://www.openprocessing.org/sketch/979570
https://www.openprocessing.org/sketch/408655