conal-mckie-design - Tumblr blog

[conal-mckie-design]

Polygon Open

float a=random(40,60); float b=random(120,140); float c=random(130,150); float d=random(210,230); float e=random(50,70); float f=random(10,30); float g=random(90,110); float h=random(170,190); float rotation = 0; float move = 0; void setup() {   size (500, 500);   smooth();   background(0);   translate(width, height/2);   for (int i = 0; i<=100; i=i+10) {     for (int j = 0; j<=100; j=j+10) {       noStroke();       fill(move*255/height, (move+i)*255/height, (i*move)*255/height, i);       rotate(rotation*rotation);       beginShape();       vertex(g+i, a+rotation); /*top*/       vertex(h+rotation, b+i); /*right*/       vertex(c+i, d+rotation); /*bot-right*/       vertex(e+rotation, d+i); /*bot-left*/       vertex(f+i, b+rotation); /*left*/       vertex(g+rotation, a+i); /*top*/       endShape();       move = move +5;       rotation = rotation+1;     }   }   translate(width/2, height/2);   rotation = 0;   for (int i = 0; i<=100; i=i+10) {     for (int j = 0; j<=100; j=j+10) {       noStroke();       fill(j*255/height, (j+i)*255/height, (i*j)*255/height, i);       rotate(rotation*rotation);       beginShape();       vertex(g+i, a+rotation); /*top*/       vertex(h+rotation, b+i); /*right*/       vertex(c+i, d+rotation); /*bot-right*/       vertex(e+rotation, d+i); /*bot-left*/       vertex(f+i, b+rotation); /*left*/       vertex(g+rotation, a+i); /*top*/       endShape();       //rect(i+rotation, j, random(150, 200), random(75, 100));       rotation = rotation+1;     }   }   save("Polygon_Open.jpg"); }

[conal-mckie-design]

Polygon Grid

void setup() {   size(500, 500);   float a = 0;   float b = -100;   float c = width+100;   float d = -100;   float e = width+100;   float f = height;   float g = height/2-25;   float move = 0;   background(0);   smooth();   for (int i=0; i<110; i++) {     stroke(255, i);     fill(random(255));     beginShape();     vertex(a-move, b+move);     vertex(c-move, d+move);     vertex(e-move, f+move);     vertex(a-move, b+move);     endShape();     beginShape();     vertex(a+move, b+move);     vertex(c+move, d+move);     vertex(e+move, f+move);     vertex(g+move, d+move);     vertex(a+move, b+move);     endShape();     move=move+10;   }   save("Polygons_Grid.jpg"); }

[conal-mckie-design]

Polygon Algorithm

void setup() {   size(500, 500);   float shrink=0;   float shrink2=0;   float shrink3=0;   float shrink4=0;   float shrink5=0;   smooth();   background(0);   noStroke();   /*First Shape*/   for (int i = 0; i<100; i++) {     fill(random(255), random(25, 75));     beginShape();     vertex(width/2, shrink);     vertex(width-shrink, height/2);     vertex(width/2, height-shrink);     vertex(shrink, height/2);     vertex(width/2, shrink);     endShape();     shrink = shrink + 3;   }   /*Second Shape*/   for (int i = 0; i<100; i++) {     noFill();     stroke(random(255), 255, random(255), random(25, 75));     beginShape();     vertex(width/2, shrink2);     vertex(width-shrink2, height/2);     vertex(width/2, height-shrink2);     vertex(-shrink2, height/2);     vertex(width/2, shrink2);     endShape();     shrink2 = shrink2 + 3;   }   /*Third Shape*/   for (int i = 0; i<100; i++) {     stroke(255, random(255), random(255), random(25, 75));     noFill();     beginShape();     vertex(width/2, shrink3);     vertex(width+shrink3, height/2);     vertex(width/2, height-shrink3);     vertex(shrink3, height/2);     vertex(width/2, shrink3);     endShape();     shrink3 = shrink3 + 3;   }   /*Fourth Shape*/   for (int i = 0; i<100; i++) {     stroke(random(255), random(255), 255, random(25, 75));     beginShape();     vertex(width/2, shrink4);     vertex(width-shrink4, height/2);     vertex(width/2, height+shrink4);     vertex(shrink4, height/2);     vertex(width/2, shrink4);     endShape();     shrink4 = shrink4 + 3;   }      save("Polygon_Algorithm.jpg"); }

[conal-mckie-design]

Lines Open

float x = 0; float y = 0; float firstX = 0; float firstY = 0; void setup() {   size(800, 600);   background(0);   smooth();   for (int i=0; i<=800; i=i+10) {     strokeWeight(1);     stroke((x*i)*255/width, (x+i)*255/width, (i)*255/width);     line(width, 0+x, 0, height);     stroke(x*255/height, (x+i)*255/height, (i*x)*255/height);     line(height, width, (i+x)-width, x-1000);     x = x + 5;   }   save("Lines_Open.jpg"); }

[conal-mckie-design]

Lines Grid

int gridSize = 20; void setup(){   size(500, 500); background(0); smooth(); for (int i=0; i<width; i+=gridSize) {   for (int j=0; j<height; j+=gridSize) {     stroke(1);     //line(0,j,width,j);     //line(i,0,i,height);   int test = round(random(0,1));   stroke((j*i)*255/width, (j+i)*255/width, (i)*255/width,80);   if (test==1)line(i,j,j,i+j); } } save("Lines_Grid.jpg"); }

[conal-mckie-design]

Lines Algorithm

float x = 0; float y = 0; float a = 0.0; float inc = TWO_PI/25.0; void setup() {   size(500, 500);   float firstX = 250;   float firstY = 0;   background(0);   smooth();   /*First Pattern*/   for (int i=0;i<90;i++) {     stroke((x*i)*255/width, (x+i)*255/width, (i)*255/width, i);     line(width/2, height/2, firstX+sin(a)*50.0, firstY+sin(a)*5.0);     a = a + inc;     firstX=firstX+3;     firstY=firstY+3;     x = x+5;   }   x=0;   for (int i=0;i<90;i++) {     stroke((x*i)*255/width, (x+i)*255/width, (i)*255/width, i);     line(width/2, height/2, firstX+cos(a)*50.0, firstY+cos(a)*5.0);     a = a + inc;     firstX=firstX-3;     firstY=firstY+3;     x = x+5;   }   x=0;   for (int i=0;i<90;i++) {     stroke((x*i)*255/width, (x+i)*255/width, (i)*255/width, i);     line(width/2, height/2, firstX+sin(a)*50.0, firstY+sin(a)*5.0);     a = a + inc;     firstX=firstX-3;     firstY=firstY-3;     x = x+5;   }   x=0;   for (int i=0;i<90;i++) {     stroke((x*i)*255/width, (x+i)*255/width, (i)*255/width, i);     line(width/2, height/2, firstX+cos(a)*50.0, firstY+cos(a)*5.0);     a = a + inc;     firstX=firstX+3;     firstY=firstY-3;     x = x+5;   }   /*Second Pattern*/   x=0;   for (int i=0;i<90;i++) {     stroke(x*255/height, (x+i)*255/height, (i*x)*255/height, i);     line(50, 50, firstX+cos(a)*50.0, firstY+cos(a)*5.0);     a = a + inc;     firstX=firstX-3;     firstY=firstY+3;     x = x+5;   }   x=0;   for (int i=0;i<90;i++) {     stroke(x*255/height, (x+i)*255/height, (i*x)*255/height, i);     line(50, 50, firstX+cos(a)*50.0, firstY+cos(a)*5.0);     a = a + inc;     firstX=firstX-3;     firstY=firstY-3;     x = x+5;   }     x=0;   for (int i=0;i<90;i++) {     stroke(x*255/height, (x+i)*255/height, (i*x)*255/height, i);     line(50, 50, firstX+cos(a)*50.0, firstY+cos(a)*5.0);     a = a + inc;     firstX=firstX+3;     firstY=firstY-3;     x = x+5;   }     x=0;   for (int i=0;i<90;i++) {     stroke(x*255/height, (x+i)*255/height, (i*x)*255/height, i);     line(50, 50, firstX+cos(a)*50.0, firstY+cos(a)*5.0);     a = a + inc;     firstX=firstX+3;     firstY=firstY+3;     x = x+5;   }   save("Lines_Algorithm.jpg"); }

[conal-mckie-design]

Elliplse Open

float x = 0; int circleSize = 20; float a = 0.0; float inc = TWO_PI/50.0; void setup() {   size(500, 500);   float firstX = 0;   float firstY = 0;   background(100);   smooth();   noStroke();   for (int i=0;i<250;i++) {     fill((x*i)*255/width, (x+i)*255/width, (i)*255/width, 50);     ellipse(firstX, firstY+tan(a)*20.0, circleSize, circleSize);     a = a + inc;     firstX=firstX+2;     firstY=firstY+2;     x = x+5;   }   save("Ellipse_Open.jpg"); }

[conal-mckie-design]

Ellipse Grid

size(500, 500); background(200); int centerX = 200; int centerY = 200; int gridSize = 20; smooth(); for (int i=0; i<width; i+=gridSize) {   for (int j=0; j<height; j+=gridSize) {     stroke(1);     //line(0,j,width,j);     //line(i,0,i,height);     noStroke();     int test = round(random(0, 4));     fill((j*i)*255/width, (j+i)*255/width, (i)*255/width, i);     if (test<2)ellipse(j+i, i, abs(centerX - i)/10, abs(centerX - i)/10);     fill(j*255/height, (j+i)*255/height, (i*j)*255/height, i);     if (test>2)ellipse(j, i+j, abs(centerX - j)/10, abs(centerX - j)/10);   } } save("Ellipse_Grid.jpg");

[conal-mckie-design]

Final Ellipse Algorithm

int circleSize = 50; float moveX = 0; float moveY = 0; float a = 0; float b = 0; float moveA = 0; float moveB = 0; void setup() {   size(400, 400);   background(0);   float centerX = width/2;   float centerY = height/2;   smooth();   /*First Pattern */   translate(350, 10);   //fill(0, 0, 255, 50);   for (int x=0; x<5; x++) {     for (int y=0; y<5; y++) {       noStroke();       fill(random(255), random(255), random(255), 50);       translate(2-x, 2-x);       ellipse(a+moveA, b+moveB, circleSize, circleSize);       moveA= moveA-5;       moveB = moveB+5;     }   }   for (int x=0; x<5; x++) {     for (int y=0; y<5; y++) {       noStroke();       fill(random(255), random(255), random(255), 50);       translate(2+x*2, 2+x*2);       ellipse(a+moveA, b+moveB, circleSize, circleSize);       moveA= moveA+5;       moveB = moveB-5;     }   }   for (int x=0; x<5; x++) {     for (int y=0; y<5; y++) {       noStroke();       fill(random(255), random(255), random(255), 50);       translate(2-x, 2-x);       ellipse(a+moveA, b+moveB, circleSize, circleSize);       moveA= moveA-5;       moveB = moveB+5;     }   }   for (int x=0; x<5; x++) {     for (int y=0; y<5; y++) {       noStroke();       fill(random(255), random(255), random(255), 50);       translate(2+x*2, 2+x*2);       ellipse(a+moveA, b+moveB, circleSize, circleSize);       moveA= moveA+5;       moveB = moveB-5;     }   }   /*Second Pattern */   translate(-500, -300);   //fill(0, 255, 0, 50);   for (int x=0; x<5; x++) {     for (int y=0; y<5; y++) {       noStroke();       fill(random(255), random(255), random(255), 50);       translate(2-x, 2-x);       ellipse(a+moveA, b+moveB, circleSize, circleSize);       moveA= moveA-5;       moveB = moveB+5;     }   }   for (int x=0; x<5; x++) {     for (int y=0; y<5; y++) {       noStroke();       fill(random(255), random(255), random(255), 50);       translate(2+x*2, 2+x*2);       ellipse(a+moveA, b+moveB, circleSize, circleSize);       moveA= moveA+5;       moveB = moveB-5;     }   }   for (int x=0; x<5; x++) {     for (int y=0; y<5; y++) {       noStroke();       fill(random(255), random(255), random(255), 50);       translate(2-x, 2-x);       ellipse(a+moveA, b+moveB, circleSize, circleSize);       moveA= moveA-5;       moveB = moveB+5;     }   }   for (int x=0; x<5; x++) {     for (int y=0; y<5; y++) {       noStroke();       fill(random(255), random(255), random(255), 50);       translate(2+x*2, 2+x*2);       ellipse(a+moveA, b+moveB, circleSize, circleSize);       moveA= moveA+5;       moveB = moveB-5;     }   }   /*Third Pattern */   translate(-500, -300);   //fill(255, 0, 0, 50);   for (int x=0; x<5; x++) {     for (int y=0; y<5; y++) {       noStroke();       fill(random(255), random(255), random(255), 50);       translate(2-x, 2-x);       ellipse(a+moveA, b+moveB, circleSize, circleSize);       moveA= moveA-5;       moveB = moveB+5;     }   }   for (int x=0; x<5; x++) {     for (int y=0; y<5; y++) {       noStroke();       fill(random(255), random(255), random(255), 50);       translate(2+x*2, 2+x*2);       ellipse(a+moveA, b+moveB, circleSize, circleSize);       moveA= moveA+5;       moveB = moveB-5;     }   }   for (int x=0; x<5; x++) {     for (int y=0; y<5; y++) {       noStroke();       fill(random(255), random(255), random(255), 50);       translate(2-x, 2-x);       ellipse(a+moveA, b+moveB, circleSize, circleSize);       moveA= moveA-5;       moveB = moveB+5;     }   }   for (int x=0; x<5; x++) {     for (int y=0; y<5; y++) {       noStroke();       fill(random(255), random(255), random(255), 50);       translate(2+x*2, 2+x*2);       ellipse(a+moveA, b+moveB, circleSize, circleSize);       moveA= moveA+5;       moveB = moveB-5;     }   }   for (int x=0; x<5; x++) {     for (int y=0; y<5; y++) {       noStroke();       fill(random(255), random(255), random(255), 50);       translate(2-x, 2-x);       ellipse(a+moveA, b+moveB, circleSize, circleSize);       moveA= moveA-5;       moveB = moveB+5;     }   }   for (int x=0; x<5; x++) {     for (int y=0; y<5; y++) {       noStroke();       fill(random(255), random(255), random(255), 50);       translate(2+x*2, 2+x*2);       ellipse(a+moveA, b+moveB, circleSize, circleSize);       moveA= moveA+5;       moveB = moveB-5;     }   }   save("Ellipse_Algorithm.jpg"); }

[conal-mckie-design]

I like this website. I always started off with the idea of just a circle, then clicking onto it to bring up other circles. however I couldn't get the lines to draw on my final website.

[conal-mckie-design]

Sketches for my professional website. Started off with a banner and 3 div boxes. I moved onto a website where it is simple, and just has text and my silhouetted face on the side. 

[conal-mckie-design]

Final Video for Caritas.

All the sound were from freesound.org and the voice over was done by Michael Chaplin.

[conal-mckie-design]

Peer Critique for Melanie

Looking at Melanie's demo clip it is clear to see what she is intending to do. Choosing a monkey as the main character is quite a good choice as it is something quite comical and well targeted to children.   However the intention of why the monkey is going to get the banana is a little unclear.

When you go to take the photos for the final video there a few things you should keep in mind. Keep the lighting even throughout the photos as it makes the drawings on the post it notes stand out better and make the video look more consistent. Keeping the camera level for all the photos would possibly be more important to make the video look far smoother.

[conal-mckie-design]

Presentation Drawing

[conal-mckie-design]

Final animation

[conal-mckie-design]

My joint

[conal-mckie-design]

Final Summary

The joint that I had was the ankle, and the two principles that I wanted to use were slide/shift and rotation. From the ankle I used the movements of the ankle, across and up/down as the basis of my model. In my final form I included a hinge to make the sliding up and down a smoother process.  Valuable skills that I learnt from this project were using the workshop to shape and cut wood, the ban saw and drill press. I also learnt about contrast between different materials, bass wood and mdf and the wire and rubber.