Assessment Two: Digital Coding

 

In one of our earlier workshop, we looked at the gridded examples by  Vera Molnar and Sol Lewitt who use the gridded space to create pixel like images that embrace the digital transformation and age.

With reference to these designs above have I created a strictly pixel like image which evolves from the top left corner through growing grids and overlapping coordinates. Originally just the black but with the added dimension of the coloured circles does it create more of a 3D like image with added depth and a colour aspect to such a originally plain image. This image reminds me of tv pixels or of old style gaming like pac-man or space invades which was another design feature I wished to incorporate through the use of both the mix of the stark black design and the use of a randomised colour spectrum.

Digital Hop Scotch

This piece of work I recognise as more of a iteration as I wished to further my design with added the similar design from the opposite corner of the image, to create a more densely pack image with more interest as it would flow from all angle of the image but was unable to program the gridded pattern from the corresponding corner, as i couldn’t place the co-ordinates and create the grid from the bottom corner.

 

Image Code:

Black & White Image:

void setup ()
{
//window size
size (600,600);
// colour
background (255);
//loop
noLoop();

}

// size variable
float sameSize = 9;
float sameSize2 = 12;

//
void draw ()
{
background (255);

// repeat/overlapping grid structure which overlaps becoming gradually larger
// and more spaced out as we move away from the left hand corner

 

//grid (loop within a loop)
for (int a = 0; a < 50; a = a + 10 )
{
for(int b = 0; b < 50; b = b + 10)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (0, 0, 0, 200);
//repeated grided squares.
rect (a,b, sameSize, sameSize );
}

// these actions are repeated through out the rest of the code block!

}

for (int a = 0; a < 150; a = a + 20 )
{
for(int b = 0; b < 150; b = b + 20)
{

noStroke ();
fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize);
}
}

for (int a = 0; a < 250; a = a + 30 )
{
for(int b = 0; b < 250; b = b + 30)
{

noStroke ();
fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 350; a = a + 40 )
{
for(int b = 0; b < 350; b = b + 40)
{

noStroke ();
fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 450; a = a + 50 )
{
for(int b = 0; b < 450; b = b + 50)
{

noStroke ();
fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 550; a = a + 60 )
{
for(int b = 0; b < 550; b = b + 60)
{

noStroke ();
fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 650; a = a + 70 )
{
for(int b = 0; b < 650; b = b + 70)
{

noStroke ();
fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 750; a = a + 80 )
{
for(int b = 0; b < 750; b = b + 80)
{

noStroke ();
fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 850; a = a + 90 )
{
for(int b = 0; b < 850; b = b + 90)
{

noStroke ();
fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 950; a = a + 100 )
{
for(int b = 0; b < 950; b = b + 100)
{

noStroke ();
fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 950; a = a + 110 )
{
for(int b = 0; b < 950; b = b + 110)
{

fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize);
}
}

for (int a = 0; a < 1050; a = a + 120 )
{
for(int b = 0; b < 1050; b = b + 120)
{

fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 1150; a = a + 130 )
{
for(int b = 0; b < 1150; b = b + 130)
{

fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 1250; a = a + 140 )
{
for(int b = 0; b < 1250; b = b + 140)
{

fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 1350; a = a + 150 )
{
for(int b = 0; b < 1350; b = b + 150)
{

fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

}

 

Colour Image:

void setup ()
{
//window size
size (600,600);
// colour
background (255);
//loop
noLoop();

}

// size variable
float sameSize = 9;
float sameSize2 = 12;

//
void draw ()
{
background (255);

 

// same pattern as above, but with an ellipse.
// but with randomised colours and opacity of 100

for (int a = 0; a < 1350; a = a + 140 )
{
for(int b = 0; b < 1350; b = b + 140)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 1250; a = a + 130 )
{
for(int b = 0; b < 1250; b = b + 130)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}

}
for (int a = 0; a < 1150; a = a + 120 )
{
for(int b = 0; b < 1150; b = b + 120)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100 );
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 1050; a = a + 110 )
{
for(int b = 0; b < 1050; b = b + 110)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 950; a = a + 100 )
{
for(int b = 0; b < 950; b = b + 100)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 850; a = a + 90)
{
for(int b = 0; b < 850; b = b + 90)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 750; a = a + 80 )
{
for(int b = 0; b < 750; b = b + 80)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 650; a = a + 70 )
{
for(int b = 0; b < 750; b = b + 70)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 550; a = a + 60 )
{
for(int b = 0; b < 550; b = b + 60)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 450; a = a + 50 )
{
for(int b = 0; b < 450; b = b + 50)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 200);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 350; a = a + 40 )
{
for(int b = 0; b < 350; b = b + 40)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 250; a = a + 30 )
{
for(int b = 0; b < 250; b = b + 30)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 150; a = a + 20 )
{
for(int b = 0; b < 150; b = b + 20)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 50; a = a + 10 )
{
for(int b = 0; b < 50; b = b + 10)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}
}

 

Both Intertwined:

void setup ()
{
//window size
size (600,600);
// colour
background (255);
//loop
noLoop();

}

// size variable
float sameSize = 9;
float sameSize2 = 12;

//
void draw ()
{
background (255);

// repeat/overlapping grid structure which overlaps becoming gradually larger
// and more spaced out as we move away from the left hand corner

 

//grid (loop within a loop)
for (int a = 0; a < 50; a = a + 10 )
{
for(int b = 0; b < 50; b = b + 10)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (0, 0, 0, 200);
//repeated grided squares.
rect (a,b, sameSize, sameSize );
}

// these actions are repeated through out the rest of the code block!

}

for (int a = 0; a < 150; a = a + 20 )
{
for(int b = 0; b < 150; b = b + 20)
{

noStroke ();
fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize);
}
}

for (int a = 0; a < 250; a = a + 30 )
{
for(int b = 0; b < 250; b = b + 30)
{

noStroke ();
fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 350; a = a + 40 )
{
for(int b = 0; b < 350; b = b + 40)
{

noStroke ();
fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 450; a = a + 50 )
{
for(int b = 0; b < 450; b = b + 50)
{

noStroke ();
fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 550; a = a + 60 )
{
for(int b = 0; b < 550; b = b + 60)
{

noStroke ();
fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 650; a = a + 70 )
{
for(int b = 0; b < 650; b = b + 70)
{

noStroke ();
fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 750; a = a + 80 )
{
for(int b = 0; b < 750; b = b + 80)
{

noStroke ();
fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 850; a = a + 90 )
{
for(int b = 0; b < 850; b = b + 90)
{

noStroke ();
fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 950; a = a + 100 )
{
for(int b = 0; b < 950; b = b + 100)
{

noStroke ();
fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 950; a = a + 110 )
{
for(int b = 0; b < 950; b = b + 110)
{

fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize);
}
}

for (int a = 0; a < 1050; a = a + 120 )
{
for(int b = 0; b < 1050; b = b + 120)
{

fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 1150; a = a + 130 )
{
for(int b = 0; b < 1150; b = b + 130)
{

fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 1250; a = a + 140 )
{
for(int b = 0; b < 1250; b = b + 140)
{

fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

for (int a = 0; a < 1350; a = a + 150 )
{
for(int b = 0; b < 1350; b = b + 150)
{

fill (0, 0, 0, 200);
rect (a,b, sameSize, sameSize );
}
}

// same pattern as above, but with an ellipse.
// but with randomised colours and opacity of 100

for (int a = 0; a < 1350; a = a + 140 )
{
for(int b = 0; b < 1350; b = b + 140)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 1250; a = a + 130 )
{
for(int b = 0; b < 1250; b = b + 130)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}

}
for (int a = 0; a < 1150; a = a + 120 )
{
for(int b = 0; b < 1150; b = b + 120)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100 );
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 1050; a = a + 110 )
{
for(int b = 0; b < 1050; b = b + 110)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 950; a = a + 100 )
{
for(int b = 0; b < 950; b = b + 100)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 850; a = a + 90)
{
for(int b = 0; b < 850; b = b + 90)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 750; a = a + 80 )
{
for(int b = 0; b < 750; b = b + 80)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 650; a = a + 70 )
{
for(int b = 0; b < 750; b = b + 70)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 550; a = a + 60 )
{
for(int b = 0; b < 550; b = b + 60)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 450; a = a + 50 )
{
for(int b = 0; b < 450; b = b + 50)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 200);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 350; a = a + 40 )
{
for(int b = 0; b < 350; b = b + 40)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 250; a = a + 30 )
{
for(int b = 0; b < 250; b = b + 30)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 150; a = a + 20 )
{
for(int b = 0; b < 150; b = b + 20)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

for (int a = 0; a < 50; a = a + 10 )
{
for(int b = 0; b < 50; b = b + 10)
{

//no outline
noStroke ();
// fill (black with opcaity of 200)
fill (random (255), random (255), random (255), 100);
//repeated grided squares.
ellipse (a,b, sameSize2, sameSize2 );
}
}

}

 

 

 

 

Advertisements

Assignment One

Analogue Coding

1. ORIGINAL WORKS/DESIGNS:

To begin this project, we began researching works, that would influence us in our experimentation into constructing our abstract images through instructions.

Sol Le Witt’s installations are a particular influence on my final creation.

  1. Sol LeWitt, White Styrofoam on White Wall, September 1993
  2. Sol LeWitt – Wall Drawing #8791,

2. THE INSTRUCTIONS

  1.  Begin with a piece of A3 white paper
  2. Crumple up this piece into a tight ball
  3. Un-crumple piece of paper and lay out flat
  4. With a black marker, draw along the creases made by crumpling up the paper (making a variety of different shapes of all sizes) until the page is covered
  5. Once completely covered the page, colour in all the small triangles visible

3. PHOTOGRAPHIC DOCUMENTATION:

  1. Original Artwork
  2. Experiment #1
  3. Experiment #2
  4. Experiment #3

4. PROCESS ANALYSIS:

1. Articulating the form/idea that you were abstracting,

Using inspiration from both artworks above, I have created a version through experimentation with different mediums. The art work accentually is a line drawing which looks to resemble cracked concrete, with the addition of the colour triangles to add another sense of dimension in the experiment.

2. How you think that form might be changed / affected by being translated into instructions

Instructions create an order for which the person should undertake an activity, this is interpreted in a variety of ways depending on the participant in the activity. With reference to my experiments you can notice that even though they have received the same set of instruction we have at least two variations of the same abstract, this is essentially how one has interpreted the instruction Vs the other. In my experiment the line “draw along the creases” was interpreted in two ways, either all creases drawn or just the major lines. This highlighting that form is affected by instructions through individual interpretation of the instruction.

3. How you think that the form might be changed / affected by the physical medium (paper / glue / pen etc.) the executions are targeted towards.

The physical medium be it paper, pen, cutting with scissor can affect how the work takes its form. I have used simple mediums in this experiment of just black marker and crumpling the paper. In the experiments the black marker effects can be seen to differenciate as it runs out, and doesn’t leave the same effect as having a dark fine lines arcoss the whole page. Also looking at the difference between the original using graphite to colour in the triangle and using black marker to colour in the triangle in the experiments translate the artwork differently, in the experiments it’s boldness highlights the triangle better than the original. The crumpled paper can also change the forms, if not specified to crumple into a tight ball the excecutions of the experiments could have turned out different depending on how loose or tight the participant crumples the paper. These mediums effectively having an affect on the original form if not specified in the instructions and or not performing to the mediums best ability (running out of ink).

4. The identification of what worked and why, and what failed and why.

Through the experiments displayed, the instructions seemed to have worked somewhat successfully in creating similar representation to my original art work. Through experiment #1 and #2 can we see the similarities to the original by following the major lines and creases created by crumpling the paper, until the participant decided it was sufficient and covered the page. But as seen in experiment #3 we can see another interpretation where the participant have effectively followed every small line and crease across the page, this is where I should have specified the extent of the marking created, changing the instructions to say “follow the major lines and creases created by the crumpling of the paper” and this could have adequately created a closer resemblance to the original. Another aspect which was difficult to portray was the coloured triangles, I should have specified possibly how many across the page or the size of the small triangle to colour, experiment #2 and #3 both either don’t include the triangle or not enough for my liking, but as seen in experiment #1 has the participant understood the extent of my instructions. So like all instructions, are generally based on a person interpretation of how to perform the tasks effectively and efficiently.