Expanding circles thing

Heres a little fun game thing I made during class today.

Click to create a circle which pulsates in and out.

Not much to it but its fun to look at.

http://www.openprocessing.org/visuals/?visualID=25331

Here are the four PDF's which Ive printed off to hand in.

http://pdfcast.org/pdf/angleswithspots
http://pdfcast.org/pdf/angled-lines
http://pdfcast.org/pdf/box-ilusion
http://pdfcast.org/pdf/line-pattern

http://www.openprocessing.org/visuals/?visualID=24372
http://www.openprocessing.org/visuals/?visualID=24410
http://www.openprocessing.org/visuals/?visualID=24414
http://www.openprocessing.org/visuals/?visualID=24420

Here are the final four Wallpapers uploaded to OpenProcessing.

3 of the four panels were done when I hit a roadblock. I didnt think that the last one (the orange one) really worked well with the other three. Me and luke had a chat and I decided to drop it. I then began to program a more complex one which took a lot of debugging =(  Im really happy with the new one as it fits in a lot better with the rest of the set.

The four panels below are scans of the ones from my presentation. They are each a different color and a different illusion. The main connection between the four is that they are based on very simple geometrical shapes. The advice I got back from the tutors was good and helpful. A better way to tie them together would be to make them the same color but varying in shades. This sounded like a great plan so I went ahead and began to program them using processing.

First thoughts on Wallpaper project

I wanted to create a set of four wallpapers based around squares. The ideas mainly came from Ben's lecture in which he used overlapping squares to create patterns. I originally wanted to make objects or shapes apear without drawing them. This would be done by changing the opacity of the square to appear like 3d shapes. I then developed into optical illusions based around squares and 3d forms.

Just tried to create a program using my knowledge from last year.
The idea was that a circle would increase in diameter until a certain point then reduce in diameter and repeat.
Very simple stuff.
Then I tried to add an new function that anytime the mouse is clicked it creates a new circle where the mouse was clicked and adds this to an array of circles.
The idea would be to have multiple circles on the screen moving in and out whilst changing colors all at the same time.
However, it would seem that 4-6 months away from proper programming has delt me a blow and I cant bloody remember how to do anything interactive.
Back to square one for me.

Locky.

Changing other peoples sketches

I was playing around with BlueThen's wavy Processing sketch, seeing what I could do with it. I found out where the color was being changed and fiddled around with it creating different colors everytime the blocks go up or down.

Changing things like fill(4 + y * 0.05);
to fill(4 + y * 0.05,0,255); and differnet varients you can come up with some amazing colors.

Next up something a little more complicated.


Locky.
 

And the last, 4th pattern.
This is easily my favourite of the four. This one I tried to take the repetition idea and play around with it. By drawing images outside of the initial box, when repeated they would cross over and do something crazy. And, it worked. By drawing multiple ellipses and repeating them inside of the repeated area I found the pattern boring and plain. By letting them overlap they created a pattern of curved crosses which is really amazing.


http://www.openprocessing.org/visuals/?visualID=22427

for(int i=0; i<75; i=i+4){

noFill();

ellipse(25,25,i,i);

}

The code is once again really really simple, but the simplest of things done correctly make great patterns.

Locky.

Heres the 3rd pattern. This one is similar to the previous one in that there is a lot happening at second glance.

When I first created it I didn't think much of it but the more I looked at it the more I saw. It can seems as a series of black dots or a 3-d pattern of pyramid tops. My favourite way of looking at it is to perceive the black spaces as providing depth to the image. You can see the light spaces creating a cylindrical crossroads. I find this staggering as another simple loop and basic line pattern creates so many different interpretations.

http://www.openprocessing.org/visuals/?visualID=22426

for(int i=0; i<50; i=i+4){

line(25,25,i,0);

line(25,25,50,i);

line(25,25,0,i);

line(25,25,i,50);

}

The use of lines beginning at the centre of the repetition helps develop the idea of depth within the image. 

Locky.