JESSIE ZHAI

Digital artist

A documentation page of rambling and experimenting.

@jessiehaseyes
jessiejiranzhai@gmail.com
08 PIXELS
ICM WEEK8



GO TO:
PIXELS
P5.JS SKETCH



For Week 8’s creative assignment PIXELS, I created a forsted glass effect that can be wiped with a mouse with my image.



PROCESS

Since my explorations of webcam for the past two weeks, I feel quite familiar with pixels already. For this week’s assignment I just wanted to create something that is quietly beautiful.

I chose the middle panel from my favorite painting, The Garden of Earthly Delight by Bosch, to the be source of my project.




I started with accessing each of the pixles with the get pxiels function. I picked on random pixels from both the x and y axis, and displayed them on a new random location on the canvas, within 40 pixles of range. It created this frosted glass effect where you can see the image still but blurry in a fun way. 

I am using the same method and reference that I used for my choices assignment, just changing the pixels location less random, and closer to its original location. 





I then started to create an eraser that erase all the forsted effect with my mouse. It essentially function like a brush, and it required me to store my original image underneath for it to be partically revealed later.
I created a restore pixels function to let the pixels only right under my mouse size to be restored and set the color to match the original image by using another get function.

This week’s assignment isn’t super complicated, but I’m glad I got to learn more about the pixels than what I understood before I was playing with them.



SOLVED PROBLEMS

 
  • mouse erase
  • updating and changing pixels


THINGS TO IMPROVE

  • Creating multiple functional brushes that have different effects
  • upload multiple images as source

INDEX  NEXT
JESSIEZHAI