Processing 2

Within the second workshop into the processing language we began to work on coding for loops.  Picture14Which follows the natural progression of for each variable laid out another variable will be enacted.  Within this code it has laid out the basic elements that we had learnt in the previous session in creating a canvas and then a basic moveable shape. Within this a integer point has been declared. Within the void draw section this explains that then s is equal to any random point within the canvas between the points of 10 and 200 on the axis.This is then crucial for the sizing and positioning of the shapes within the loops. Within the first for loop it is saying that integer Y is equal to 0 and that every one of these integers that is more than the height is then added to the S integer. This is then Picture15repeated within the width section creating a nested for loop. Therefore this sets the size of the canvas according to the height of the shapes within it, once the variable of the rectangle shape is added to the code with its parameter based on the outcome of the for loop, and the sizing based on the randomised integer S and randomised RGB colour scheme resulting in this.

Within the second part of the workshop we inputted an IF statement and Picture16how this works within the medium of the processing language.For the first part we moved the previous for loop into the Setup section making this a static function and would not consistently change its sizing as previously shown in the original code.  Then within the draw section we imputed a nested IF statement which shows that if the left mouse button is pressed then an ellipse shape in randomised colours will be dragged across the screen. In the secondary part of the statement it writes that if the right mouse button is then clicked it will be saved to the file name of  ‘groovy tunes’.

Picture17Within the third section of the workshop we created a piece that experimented within the ideas of rotation and movement of the shapes. Within the void draw section it shows that the fill section of the shape has used the Hue, Saturation and brightness option giving a more subtle complexity to the images created. Picture18The shape is then translated within the page to be placed within the centre using the ability to divide the point by the width and height. It is then rotated at the speeds declared by the integer and it creates a repetitive snowflake effect. This workshop showed several techniques in created interesting visual patterns with the information that I could create for my final project.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s