Immediacy

It occurred to me today that the one thing that is most needed in navigation today is immediacy, everything has a time or a due date, whether that be your next lecture, a job interview, or you just really need to go to the toilet people need to get directions quickly, information needs to be processed instantly.

I myself have been in the situation where I have needed toilet facilities and have search entire levels of the Kirk building at Kelburn campus, only to realize that the toilet is on the floor below me. A navigation device that allows the user to first locate themselves and then locate all available toilets, in particular the closest one, would be a very handy tool indeed.

Code Final Project 2

 Below is the code for all four of my images, each is a seperat code.

////////////////////////////////First Image

void setup() {
  size (400,800);
  background (221,221,221);
  smooth ();
  noStroke ();
 
int x=0;
int y=0;
int r=0;
int d=7;


  while (y<800){
  while (x<400){


   
//tri 
   if (y<400){
    fill (143,45,120);
   }
   else {
     fill(210,121,213);
   }
       triangle (x+30-d,y+40,x+30+d,y+40,x+30,y+2);
   
      
   
//quad   
   if (y<400){
          fill(146,50,8,200);
            }
       else {
           fill (236,172,74,200);       
            }
    quad (random (x-r,x+r),random (y-r,y+r),random(x-r,x+r),random(y+20-r,y+20+r),random(x+20-r,x+20+r),random(y+20-r,y+20+r),random(x+20-r,x+20+r),random(y-r,y+r));
   
   
    x=x+40;
  }
  x=0;
 y=y+40;
  }

}


////////////////////////////////////Second Image


void setup() {
  size (400,800);
  background (221,221,221);
  smooth ();
  noStroke ();
 
int x=0;
int y=0;
int r=10;
int d=7;


  while (y<800){
  while (x<400){


   
//tri 
   if (y<400){
    fill (143,45,120);
   }
   else {
     fill(210,121,213);
   }
       triangle (x+30-d,y+40,x+30+d,y+40,x+30,y+2);
   
      
   
//quad   
    float ran=random (0,2);
    if (ran<1)
            {
           fill (236,172,74,200);
            }
       else {
                  fill(146,50,8,200);
            }
    quad (random (x-r,x+r),random (y-r,y+r),random(x-r,x+r),random(y+20-r,y+20+r),random(x+20-r,x+20+r),random(y+20-r,y+20+r),random(x+20-r,x+20+r),random(y-r,y+r));
   
   
    x=x+40;
  }
  x=0;
 y=y+40;
  }

}


///////////////////////// Third Image



void setup() {
  size (400,800);
  background (221,221,221);
  smooth ();
  noStroke();
 
int x=0;
int y=0;
int r=50;
int d=5;

  while (y<800){
  while (x<400){


   
//tri 
 if (y<400){
    fill (143,45,120);
   }
   else {
     fill(210,121,213);
   }
       triangle (x+30-d,y+40,x+30+d,y+40,x+30,y+2);
   
//quad   
    float ran=random (0,2);
    if (ran<1)
            {
           fill (236,172,74,150);
            }
       else {
                  fill(146,50,8,150);
            }
    quad (random (x-r,x+r),random (y-r,y+r),random(x-r,x+r),random(y+20-r,y+20+r),random(x+20-r,x+20+r),random(y+20-r,y+20+r),random(x+20-r,x+20+r),random(y-r,y+r));
   
   
    x=x+40;
  }
  x=0;
 y=y+40;
  }

}


//////////////////////////////Fourth Image




void setup() {
  size (400,800);
  background (221,221,221);
  smooth ();
  noStroke();
 
int x=0;
int y=0;
int r=150;
int d=1;

  while (y<800){
  while (x<400){


  
//tri
    if (y<400){
    fill (143,45,120);
   }
   else {
     fill(210,121,213);
   }
       triangle (x+30-d,y+40,x+30+d,y+40,x+30,y+2);
  
//quad  
    float ran=random (0,2);
    if (ran<1)
            {
           fill (236,172,74,150);
            }
       else {
                  fill(146,50,8,150);
            }
    quad (random (x-r,x+r),random (y-r,y+r),random(x-r,x+r),random(y+20-r,y+20+r),random(x+20-r,x+20+r),random(y+20-r,y+20+r),random(x+20-r,x+20+r),random(y-r,y+r));
  
  
    x=x+40;
  }
  x=0;
 y=y+40;
  }

}

Project 2 Final Structure and Noise

Here are my four final images (as well as all composed into one image).

Colour Selection

Here are some of my colour themes. The second one is the one I have chosen to apply to my final images. Colour is something that I have struggled with because there are so many very different variations, but I think that I managed to find colours that fit well, but also you wouldn't usually associate together like brown and pink.

The website 'Kuler' by adobe helped me out hugely.

Development and refinement

 Here are some different trials for my final composition.

In this the lines remain.

 In this I have used the 'noStroke' function. this prevents from overpowering the picture with black lines, but in the last image you cannot see the triangles at all.

 In this I have used the noStroke funcion on the quadrilateral shapes and not on the triangles. This allows the triangles to be seen as thin lines in the last image.

Code Development

 Below is what is likely to create my final code. I have done a lot of work at Tuesday's tutorial (21/8/2012) and also at home, having downloaded processing.


void setup() {
  size (400,800);
  background (142,0,28);
  smooth ();

 
int x=0;
int y=0;
int r=10;
int d=4;

  while (y<800){
  while (x<400){


   
//tri 
    float rand=random (0,2);
    if (rand<1)
            {
    fill (200,190,140);
            }
       else {
    fill(251,247,228);
            }
       triangle (x+30-d,y+40,x+30+d,y+40,x+30,y+2);
   
//quad   
    float ran=random (0,2);
    if (ran<1)
            {
           fill (120,120,120);
            }
       else {
                  fill(66,66,66);
            }
    quad (random (x-r,x+r),random (y-r,y+r),random(x-r,x+r),random(y+20-r,y+20+r),random(x+20-r,x+20+r),random(y+20-r,y+20+r),random(x+20-r,x+20+r),random(y-r,y+r));
   
   
    x=x+40;
  }
  x=0;
 y=y+40;
  }

}

Inspiration

Upon recieving my grades back from my first project I have realised that I could definately have done better, and that I can push myself to explore shapes via programming a whole lot more.

A few quick google search has come up with some interesting images that are good inspiration for me.

 These flooded roads have a smooth flowing structure that is reflected. There is also a definate sense of depth to the image.

 I searched Bauhausian Designs and found this simplistic chess set. The shapes created are simple shapes that I could produce in code. The Chess board could become a motif.

 The grid of this graph has a clear structure wheras the data has no clear structure. I could work with the idea of layering structure over the top of noise and having the two componants (the noisy componant and the structured componant) transform into the other (structure turns to noise, noise turns to structure).


Images from :

 http://www.aanda.org/index.php?option=com_article&access=standard&Itemid=129&url=/articles/aa/full/2002/31/aah3395/node3.html

http://www.interestingfactstoday.com/flood-facts

http://www.naefspiele.ch/index.php?id=57&L=1