ICM pixel manipulation/experience project

Video of waves/sunset and manipulating it at a pixel level to show a reflection or a different image entirely

Album of images and videos of waves I found in my Google Photos to use as the main input in this project

Simulating seeing yourself in the mirrored reflection in the water with p5, and webcam. Manipulate darker pixels in waves to take the same pixel image from webcam input.

Ideas:

• self-reflection image
• manipulate pixel images to different color palette every time using brightness()

Resources:

• Found this incredible article by Allison Parrish: https://creative-coding.decontextualize.com/video/
• Positioning canvas - https://github.com/processing/p5.js/wiki/Positioning-your-canvas
• Video-https://www.youtube.com/watch?v=jdKep6jo7b0&list=PLRqwX-V7Uu6aKKsDHZdDvN6oCJ2hRY_Ig&index=8
• SeriouslyJS examples: http://brianchirls.github.io/Seriously.js/examples/

Editor:

P5 Sketch: https://editor.p5js.org/iguannalin/sketches/2y2qakjuh

Sketch in fullscreen: https://editor.p5js.org/iguannalin/full/2y2qakjuh

Somehow, the fullscreen version does not load the video through some browser auto playback issue (I think it might be caused by the fullscreen ver. being in an iframe). However I tried to use github pages and also p5 locally to play the video in a larger canvas and was unable to get it to work as well as it did in the p5 sketch editor version.

The Piece:

We wanted an experience that will be calming, and have a soothing feeling on the perceiver. Our inspiration was taken from the movement of the waves in the ocean. The webcam feature was to invoke a sense of looking into your own reflection in the water.