MEDA 102- Colours of Autumn (Digital Coding)

For my first dynamic sketch, using Processing 3,  I was very much inspired by the simplicity of iteration in Vera Molnar’s Des(Ordres) . The loop of squares within squares in Molnar’s work, was something I was keen to replicate in my work. In the sketch I titled “Colours of Autumn”, the autumn-like colours within the circle  are constantly changing (if a little bit slowly). Much like Molnar’s work, my piece is all about the  use of both randomness and repetition. The randomness in the piece is represented through the change of colours, while the repetition is represented through the loop of circles. Its also through these characteristics that my piece really reflects the idea of iteration and variation. It was a good introduction,for me, to processing and I look forward to increasing my skills in coding.




static image of dynamic sketch


void setup(){
  size(400, 400); //Sets the size of the canvas
  loop(); //Establishes the loop function
  background(#EAEAB6); //Sets the background to beige
  smooth(5);// Adds smooth edges to circles

//creates grid parameters
int cols = 6;//sets 6 colomns of circles
int diam = 100; //sets the diameter of circles
int rows = 6; //sets 6 rows of circles

void draw(){
  stroke(0.5); //creates thin outline for larger circle 
 float f1 = 3;
  for(int i = 50; i < 1000; i++) //sets the number of iterations
  fill((int)random(200), (int)random(200), 20, 20);//sets the colour to 
  for(int y =0; y < cols; y++) { //Creates the grid 
  for (int x = 0; x < rows; x++){
  ellipse((x+1)*(width/(cols+1)), (y+1)*(height/(rows+1)), diam, diam);
  //Draws the circles and places them into a grid
  {float f2 = 0.5; // Declares value of f2
  for(int i = 0; i < 10; i++){ //dictates speed of colour change in circle
  fill((int)random(200), (int)random(200), 20, 20);
  for(int y1 =0; y1 < cols; y1++) { //sets up the  2nd grid of circles 
  for (int x1 = 0; x1 < rows; x1++){ //within the original grid of circles
 ellipse((x1+1)*(width/(cols+1)), (y1+1)*(height/(rows+1)), diam/4, diam/4);}
// draws smaller circles within the larger circles



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 )

Google+ photo

You are commenting using your Google+ 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 )


Connecting to %s

Create a free website or blog at

Up ↑

%d bloggers like this: