Project Three: Code Developement

After deciding on what it is I would like to create for this project, I did some research into ways I could approach what I am wanting to achieve. I went and had a look on openProcessing at some examples of patterns that move and change in colour using the array function. I found two examples of the type of thing I would like to be able to create as a starting image for this project. I have gone off the idea of having a really complexed pattern but instead keeping it very simple. If I find at the end I have time, I will consider going back and creating a more detailed pattern that I can use instead.

The two examples that I found are shown below, if you click on the image it will link you to the site. 

Example One:

Example Two:

In both of these examples I really like the use of colour and how the colour contributes to the overall pattern. I also really like hoe the colour changes randomly in the first example and the lines of colour move and overlap in the second colour. It is this sort of effect that I would like to create as my backing image.

To help me with this I downloaded the code for each of the examples. I thought that this would be useful and help me a lot with making my own code. How ever it did not end up working out for me.

Instead I found that the code was to complex and I didn't understand it at all. I did manage to play around with and create a couple of effects that I like but I know I will not be able to use them as I just altered the code that I downloaded. I am hoping that with some help from the tutors I will be able to write my own code and do something similar to one or both of these examples. Below are some screen shots of my attempts.

My Attempt Of Example One:

Here I have managed to change the shape used from a square to circles. I have altered the number of shapes that occur and the the colours that it will produce. This is all that I have changed from the orignal code that I downloaded.

My Attempt Of Example Two:

In the above image I am showing some of the stages that are shown through out the little interaction that I downloaded and altered. The alterations that I made were: I changed the shape from triangles to lines. I changed the output and input aswel as the colours that would be produced. I also played around with the angle in which the lines would be drawn and the direction they would go in. Something else that I managed to work out was how to alter the hue and saturation. This example also used mouse press to control the addition of new triangles. I decided that I didn't like this attempt as much as the other one and didn't think it would be as effective as a starting image.