Processing

Development With Processing

To better understand the use of functions and in introducing the use of arrays, we took two basic functions the ellipse() and triangle(), duplicated them, overlapped them on top of each other and then rotated these functions on an axis. The key processing techniques used to create these graphic designs included rotation, randomisation and translation; from there we were able to develop them further by using an array to create a colour palette, which randomly changed the colours of the shapes, to create these really intricate graphics.

1p

02

4p

03

9p

04

7p

05

6p

06

5p

01

pretty_image


A moviemaker video graphic of one of the above designs; multiple .png were saved and processed together on moviemaker to form this 3 second clip.

8p

07

In addition we looked at ‘nested for loops’ and ‘conditional statements’ with the inclusion of the application of rotation. We began by learning the process of creating rotating patterns utilising shapes, transmuting the colour mode and translating the point of axis to transmute the rotation patterns as shown above.

We commenced by utilising a ‘nested for loop’ to create a grey scale semi opaque grid background.  ‘Nested for loops’ control a sequence of repetitions.  It led on to the next step in utilising integers and floats, as well as the HSB ( Hue, Saturation, Brightness) colour modes.  Here you can see we experimented with the smooth() function which draws all geometry with smooth (anti-aliased) edges.

Advertisements

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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