Deviant Pixels 2.0

This was actually my favorite thing to experiment with while learning processing. At the beginning I thought this was just way too much input and why aren't we stopping? We said we would stop adding input when we were done with arrays. I was very sceptical, but at the end it was fun and I see a useful thing as a designer.

Here I go, experimenting a bit more.

This was the first image:

I wanted something abstract and just try and have fun with it.

I realized for that one I hadn't even put the things in draw. So I did that and also added the tint function to make the image blue:

I wanted to experiment with text, that is the last part of the script, and I thought this might be actually a very good opportunity to do that.

This is not exactly what I wanted, so I'll keep trying.

I removed the tint function, in order to see the original image on the background:

Knowing what I know now about .get, I used it to fill the characters with it, and did not display the image. This was exactly what I wanted to achieve:

---

Since this was actually fun, I decided to do a second excercise with this, using one of my favorite cities, New York.

This is with the image on the background to create an interesting effect:

And since the ellipses are so small and close to each other, when I don't display the image and the background is black it's still very true to the original image:

So now, I used what I learned, which is to get the color from the image and but it into the text:

But a doesn't seem to make any justice to this image, so I tried the code I found on the script to write New York:

The variable i is necessary to count the characters of the string “NEWYORK “. The characters are displayed one after the other. The if-condition is necessary to set i to zero again, when it exceeds the size of the string.

I also learned that if you "save as..." the sketch, the data folder in which the image is, is also copied into the new folder. This makes life easier, if I am experimenting with the same image, as I did here.

I wanted to make this image a little bit like an advertising. For that I needed to learn how to work with the text, and this is what happened:

Here I learned the basics, how to change the font, the font size and position of the text.

I really like this topic, maybe because it is a little more visual. Also because images and text are basic elements of design, so here I found a little connection to what I knew before I started this semester, which is design and not programming.

Today I feel happy, and not frustrated :). Yeay!