This week we learned about inputting images by declaring the image data type and manipulating the image pixels by calling loadPixels. For this example I loop through all the pixels but skip every n pixels along the y- axis, I also create a sort of shimmer effect by moving the images pixels as small rectangles which move back and forth. I used two colourful pattern images which created a nice effect in the background. Another important thing we learned was calculating the 1D location from a 2D grid by knowing that the LOCATION = X + Y*WIDTH. 

Screen Shot 2014-10-26 at 14.52.57

Screen Shot 2014-10-26 at 14.53.06

We went over using mouse functions to load an image on top of the original image when a button is pressed, it was also useful to note that its possible to assign this function to a key on the keyboard. We also looked at drawing text to the screen in which this example was developed further using strings to not only cycle through the letters of the word ‘PROCESSING’ but to also run the correct time and date and draw it to the screen.  Another feature added was if the mouse goes to the left side of the screen the text turns red.

This lesson was useful to learn how I can not only create patterns using shapes and rotating them but also distorting images to create new patterns. The time feature is also good and could be used in the installation as a possible stop watch or time keeper in a bigger experiment.

Screen Shot 2014-10-26 at 14.54.12 Screen Shot 2014-10-26 at 14.55.00

Advertisements