The Process

I started off with a precedent image, a close up of an eyeball. My aims an objectives of the project are to create something similar using tools in Processing, and to come up with a changeable, interactive image which bears something almost identical to my precedent image

 

 

The process continues with my design in Processing. Asyou can see there are many variations within my form. These are made by using the mousePressed and mouseReleased tools to create the interaction with the eyeball. As you can se, it's far from complete, as there is a lack of colour and symmetry.

 

Stage 1

 

 

Stage 2

 

 

 Stage 3

 

Stage 4

 

Stage 5

 

A re-edited colour version of my form. Notice it is more symmetrical and has more life and noise to it. It is not structured, but contains the form of an eyeball more clearly. I plan to make this form a little more digital and 3D

 

 

Stage 1

 

 

Stage 2

 

Stage 3

 

 

 Stage 4

 

Below I have created a recolour of the image and the form. I have also taken away some of the variables to remove the outside lines

 

From this image I plan to be able to grow and shrink the black hole in the middle

 

 

Below are some concept images of how I've managed to 'do this' and the coding is displayed below the images

 

float eyeSize = 1;

float it = 0;

int slow = 0;

int slowitdown = 0;

void setup(){

 

  size(400, 400);

  background(0);

  smooth();

}

void draw(){

 

  translate(200, 200);

  scale(eyeSize);

  that();

  it = it + 0.15;

  if(it > 100);

  it = 0;

 

  eyeSize = mouseX/400.0 + 0.7;

 

  if(slowitdown == 1) {

    slow = slow -1;

    println(slow/10);

    frameRate(slow/10);

    if(slow <= 0) {

      slowitdown = 0;

    }

  }

}

float r = 2.0;

void that(){

 

  rotate(random(-1,r));

  int x = 0;

  while(x < 50){

   strokeWeight(1);

   stroke(255, 155, 0);

 

  line(20, 50, 75, 60);

  stroke(200, 100, 0);

  line(50, 50, 75, 60);

  stroke(200, 55, 0);

  line(80, 50, 75, 60);

 

 

  stroke(0, 255, 200);

  line(110, 50, 75, 60);

  stroke(0, 200, 155);

  line(140, 50, 75, 60);

  stroke(0, 155, 100);

  line(170, 50, 75, 60);

 

  rotate(random(-r,r));

 

 

 noStroke();

 fill(0);

 

 

  strokeWeight(0);

  line(mouseX, 70, 75, 60);

rotate(random(r+1));

  x = x + 10;

  }

}

void mousePressed(){

  //loop();

 

  slowitdown = 0;

  slow = 600;

  frameRate(slow);

}

void mouseReleased(){

  //noLoop();

  slowitdown = 1;

}

void keyPressed(){

  if(key == 's') {

    save("image1/"+frameCount+".png");

  }

}

 

 

 

Within the process of my coding, I have added assorted colours to give an electric feel to the picture. As shown in the previous photos, the lines all rotate in the same direction. However, using loops and altering the line parameters and colours, I have created a more messy atmosphere. Now the image appears to be more lifelike. Here are some concept images in their stages. The grow and shrink tool is still evident.

 

Stage 1

Stage 2

Stage 3

 

 

 

 

STRUCTURE & NOISE

My Original Form
Shown below is my original structure, created by using Processing 1.5.1. In the process, I came up this simple structure and gave myself ideas on how to 'break up' the structure and create a more noisy atmosphere

My Eight Variations
To make the process of turning structure into noise possible, I played around with the variables and came up with these iterations using the rotate tool and changing the measurements enabling the structure to fit to the screen

 A smaller scale image of the 8 iterations and how they will appear to be arranged on my printout

The Concept Of Form - The Beginning Stages

The Expanding Trapezium

Below is the starting image of my form - The expanding trapezium. Using Processing 1.5.1, I used coding to create the form pictured below. The quad was my main 2D primitive when making this pattern

 

The starting point for my project. Note that there are five shapes apparent in this image. In my printout, you will be shown how the number of shapes decrease.

Below is the precedent image for my form. It consists of a ray of light that increases as it progresses, in relation to my form of rhombuses

 The Process

Using the image as a starting base, I played around with the coding to create a printout consisting of 25 variations of this form. The 25 variations tell a story of the expanding trapezium, and how it formed into a single shape. Using Processing 1.5.1, I changed the parameters of each form/shape to create a shrinking ray of light involving a series of rhombuses ina a diagonal order. For my final variation, I simply played around with the parameters and the sizing, creating a sort of messed up replica of my original image

My form and It's 25 Variations

Fractrals

Understanding Fractrals

Fractral art is another form of algorithimic art using and calculating fractral objects and representing the calaculations as a piece of design e.g media, animation or photographic images.

Below is an example of Fractral art that is used in Maori culture

Below are some even more complex varieties of fractral art

Hilbert_curve

Hilbert Space Filling Curve

These unusual images are created from algorithm. This is a program relating to the discovery of mathematician David Hilbert. The new version of my program is new in that it subdivides spaces within the total space to be filled and runs the algorithm to fill the smaller spaces separately. Each smaller space is centered on a point on the curve causing the smaller renderings to intersect the larger one in interesting ways

The starting point:

This image consists of round stickers in a series of colours. What does the background do to enhance the image? How do the different colours of stickers and the way they are arranged bring out the image? And what does it appear to be at first glance? Also what parameters and attributes are involved?

 The picture above at first glance appears to be two girls made up of scribbles, which are not distinguishable from a distance. What is the aim of this image with the use of colour (or lack of)?

Above is a picture of the logo for the olympics. Notice how each circle has been outlined with larger circles, creating this messy looking image. This is all to do with change of parameters.