swh­i­8­8­4­6­_­G­E­N­E­R­A­T­I­V­E DESIGN

by Sonia White
  • Show Code
/** @peep sketch */
 
size(400,400);
background(0);
 
 
/*
This sketch is composed of two different elements, stemming from a single point (px,py): a bezier and ellispe element.
Each element will vary, creating a unique look for each time the program is run.
*/
 
//Some Varibales
  //point of origin 
  int px=random(50,350);
  int py=random(50,350);
  //colour for beziers
  int R=random(255);
  int G=random(255);
  int B=random(255);
  //number of bezier lines
  int beznum= random(20,60);
 
/*
BEZIER ELEMENT
  the bezier curves stem outwards to multiple points
*/
stroke(255,20);
for(int x=0;x<width;x+=beznum){
  for(int y=0;y<height;y+=beznum){
    fill(R,G,B,10);
    bezier(px,py,px+random(-50,50),py+random(-50,50),x+random(-50,50),y+random(-50,50), x, y);
  }
}
 
 
/*
ELLIPSE ELEMENT
  circles extend outwards, we test a random number to see how many times we draw the concentric circles
*/
ellipseRecursion(px,py,10,10);
 void ellipseRecursion(float x, float,y,float d) {
  ellipse(px,py,d,d);
 
  // Test to see if we should recurse...
  if ((random(100) < 93)) {
    noFill();
    stroke(255,random(0,55));
    d=(d+30);
    ellipseRecursion(px,py,d,d)
  }
}

My sketch was inspired by organic lifeforms. I wanted to imitate these natural shapes using programming, and extend this concept to the energy and movement in living forms.

My research of generative design allowed me to generate my ideas.

I intially looked at geometric and centre positioned designs. I felt these effectively portrayed energy and movement through the shifting lines and curves that extended from a centre point. These designs influenced my choice to centre my design on a single point. (image 1)

I then researched fractal-like design that were complex and detailed. What intrigued me was how the artist artificially created such organic forms using computational design methods. (image 2)

I started designing by experimenting with code to try and create shapes that I liked. I began by using many bezier curves of a low opacity to create flowing, curving shapes that I could manipulate to create the organic form I wanted. I ended up creating a circular shape that stemmed outward with tentacles. This shape was too basic to use for my final design, but helped my creation of more sophisticated sketches. (image 3)

I utilised this technique in conjuction with a grid and a random point on the sketch to create what I have used in my final piece. This created an organic shape that reminded me of nerve cells, that captured the theme of movement and energy.

Needing something more, I then experimented with concentric circles to create the circular shapes seen in my final design. I spent a while developing my code(image 4), but finally ended up creating my final product: a random number of concentric circles stemming outwards from the centre of the design. I felt this added to the theme of energy, representing a kind of non-physical energy extending from the shape.

The final program successfully conveys the theme of movement and energy. It produces a unique and complex composition each time, yet preserves the conceptual design and style. The code includes variables, randomness, conditionals, loops, and drawing commands in a structured and organised manner that should be easy for any reader to follow.

Comments

Nobody has said anything yet.