Month: August 2018

Catherine Coyle – Project 01 – Face

catherineFace

// Catherine Coyle =)
// Section C
// ccoyle@andrew.cmu.edu
// Project 01 - self portrait!

function setup() {
    createCanvas(500,500);
}

function draw() {
    background(152, 157, 224);
    stroke(0);
    strokeWeight(0);
   
    // face
    fill(255, 215, 191);
    rect(150,100,200,200);
    quad(150,300,200,350,300,350,350,300);
    fill(255, 173, 170);
    ellipse(180,245,40,40);
    ellipse(320,245,40,40);
    
    // eyes and eyelashes
    fill(255, 250, 247);
    triangle(180,200,200,180,220,200);
    triangle(280,200,300,180,320,200);
    fill(153, 86, 59);
    triangle(180,200,186,200,183,205);
    triangle(186,200,192,200,189,205);
    triangle(320,200,314,200,317,205);
    triangle(314,200,308,200,311,205);
    
    // nose
    fill(237, 186, 161);
    triangle(250,200,220,250,280,250);
    fill(237, 173, 154);
    quad(220,250,240,260,260,260,280,250)
    fill(247, 214, 197);
    ellipse(250,245,35,10);
    fill(99, 89, 84);
    ellipse(240,255,10,10);
    ellipse(260,255,10,10);
    
    // mouth
    fill(0);
    rect(200,290,100,30);
    fill(255);
    quad(200,290,300,320,200,320,300,290);
    rect(208,292,84,26);
    fill(255, 173, 170);
    quad(200,320,220,330,280,330,300,320);
    fill(252, 155, 151);
    triangle(200,290,250,290,240,280);
    triangle(300,290,250,290,260,280);
    
    // hair and eyebrows
    fill(153, 86, 59);
    rect(180,160,40,12);
    rect(280,160,40,12)
    triangle(180,160,180,172,160,172);
    triangle(320,160,320,172,340,172);
    fill(119, 60, 35);
    triangle(220,100,350,100,350,200);
    triangle(150,100,220,100,150,200);
    triangle(350,100,350,350,425,350);
    triangle(150,100,150,350,75,350);
    quad(150,100,200,50,300,50,350,100)
    
    // other details (neck, shirt, tips of hair, etc)
    fill(237, 173, 154);
    rect(200,350,100,50);
    fill(244, 96, 85);
    rect(150,400,200,100);
    triangle(150,400,150,500,100,500);
    triangle(350,400,350,500,400,500);
    fill(255, 215, 191);
    rect(200,370,100,30);
    quad(200,400,225,425,275,425,300,400);
    fill(99, 36, 24);
    triangle(150,300,150,350,200,350);
    triangle(300,350,350,300,350,350)
    
    // freckles
    fill(142, 99, 71);
    ellipse(200,245,5,5);
    ellipse(180,225,5,5);
    ellipse(160,245,5,5);
    ellipse(280,270,5,5);
    
    // eyeballs MOVEMENT!!!
    fill(0);
    eyeX=250;
    eyeY=193;
    yMovement=mouseY;
    xMovement=mouseX;
    if (mouseX < 190) {
      eyeX =190
    }
    else if (mouseX > 320){
      eyeX = 205
    }
    else {
      eyeX=175 + xMovement/10;
    }
    if (mouseY<193){
      eyeY=eyeY-(190-yMovement)
    }
    ellipse(eyeX,(eyeY/30)+187,15,15);
    ellipse(eyeX+100,(eyeY/30)+187,15,15);

    // covering up the edges of the eyes
    fill(255, 215, 191);
    triangle(180,200,200,180,180,180);
    triangle(200,180,220,200,220,180);
    triangle(280,200,300,180,280,180);
    triangle(300,180,320,200,320,180)
}

This was so fun to make! I always like really block-y, geometric art styles, but I’ve never really tried to make anything in that way before so I thought this was a good chance to try it out! I drew a sketch on paper of how I generally wanted it to look and then got to experimenting in p5. I really wanted to get the eyes to follow your mouse around just to see if I could figure it out, and it was a challenge but I think it worked out okay. Overall this is not the cutest picture I’ve ever made, but I’m happy with it!

Emily Zhou – Looking Outwards – 01

For the first time, an artwork produced by an AI is set to go on auction (this coming October).

“Portrait of Edmond de Belamy” 70 x 70 cm print on canvas

A Paris-based art collective called Obvious developed the AI as a GAN, a generative adversarial network. The group is a collective of artists and AI researchers with three leads at its core. The project creators were inspired by portraits from the 14th-20th century. The team fed the AI 15,000 paintings, to which it applied generative and discriminative components to the data set in order to produce the final work.

I admire the competence of this program to hold its own in the creative world. I am fascinated by the AIs ability to evaluate and produce art without emotion; as humans we heavily attribute art to emotion. I would like to see the group turn their attention to other styles of art in future development. I am certain that AI technology will continue to develop into creative fields as traditional standards are turned upside down.

Erin Fuller-LookingOutwards-01

“Deep City” is a three-part installation in Google’s NYC Headquarters, created by “Hush”, a studio that creates interactive media architecture, and fabricated by “SITU”, a firm that specializes in the fabrication of technically demanding projects. The three-part installation, comprised of “The Passage”, “City Cave” and “The Skywalk”, uses the guests and visitors own voices and movements gathered by sensors as data to computationally produce an artistic experience and record of their journey.

As shown in the video above, this project was very complex in creating software that registered human input as data in a visual way onto a physical medium that itself was complex and custom created. I think these kinds of interactive digital artworks are really powerful as they allow people to interact with tech and data in a pleasant way and therefore expose them to the creative end of code.

Eliza Pratt Project 01

sketch

/* 
Eliza Pratt
Section E
elpratt@andrew.cmu.edu
Project-01
*/

function setup() {
    createCanvas(400, 450);
    background(202, 219, 180);
}

function draw() {

    noStroke();
    //hair
    fill(77,47,23);
    ellipse(200, 200, 281, 310);
	
    //face
    fill(222,172,115);
    ellipse(200, 245, 253, 253);
    //EARS
    arc(80, 240, 60, 70, HALF_PI, PI + HALF_PI);
    arc(320, 240, 60, 70, PI + HALF_PI, HALF_PI);

    fill(161,114,50);
    arc(78, 240, 35, 45, HALF_PI, PI + HALF_PI);
    arc(322, 240, 35, 45, PI + HALF_PI, HALF_PI);

    ellipse(120, 275, 8, 8);


    //eyebrows
    fill(77,47,23);
    rect(100,190,66,5);
    rect(234,190,66,5);

    //eyes
    fill(255,255,255);
    ellipse(130, 225, 67, 30);
    ellipse(270, 225, 67, 30);

    fill(63,69,31);
    ellipse(138, 223, 25, 25);
    ellipse(278, 223, 25, 25);

    fill(0,0,0);
    ellipse(138, 223, 15, 15);
    ellipse(278, 223, 15, 15);

    fill(255,255,255);
    ellipse(144, 220, 5, 5);
    ellipse(284, 220, 5, 5);

    //glasses
    noFill();
    stroke(0,0,0);
    strokeWeight(3);
    rect(75, 200, 100, 60, 25);
    rect(225, 200, 100, 60, 25);
    line(175, 230, 225, 230);

    arc(130, 225, 67, 30, PI, 0);
    arc(270, 225, 67, 30, PI, 0);

    noStroke();

    //nose
    fill(161,114,50);
    ellipse(200, 278, 35, 35);

    fill(222,172,115);
    ellipse(200, 270, 35, 35);

    //lips
    fill(153,24,97);
    arc(200, 318, 50, 40, 0, PI);

    fill(92,13,58);
    arc(188, 318, 26, 20, PI, 0);
    arc(212, 318, 26, 20, PI, 0);

    //more hair
    fill(77,47,23);
    arc(319, 100, 284, 208, HALF_PI, PI, CHORD);
    arc(334, 80, 284, 208, HALF_PI, PI, CHORD);




    


}

This was fun, and took me less time to figure out than I thought it would! I found it difficult to arrange everything just by guessing random positions, so I did a quick sketch on Illustrator and then pulled the coordinates from there.

Hannah Cai—Looking Outwards—01

Example of a space from the “Plastic Rain” project.

 

“Plastic Rain is a serie of non-standard retail spaces. Each zone presents vividly different stories and objects.Visitors can immerse themselves the installation aesthetic in dramatic totality. Spaces that offers time for meditation. A gentle inside/out travel.” https://www.behance.net/gallery/69244661/Plastic-Rain

As a person and artist, I have always been fascinated with surrealism, particularly the creation of worlds/spaces that you would never encounter in everyday life. I really like this project in particular because it brings the surreal into reality (or at least allegedly aims to). The idea of being able to explore and live in what’s basically a huge installation is really attractive to me. Fusing art with living spaces, rather than having art as a separate thing to hang on the wall. Not to mention that there are a lot of opportunities with this kind of project; it could be rented out for people to stay in for a day, or even for a few hours, and sold as an experience.

I think the images in the gallery are rendered in a program like Cinema 4D—the sky doesn’t look believable enough to me. This ties into why I’m interested in 3D modeling; as stated before, I’m interested in creating unique spaces. I don’t really know if p5 has good 3D modeling functions, but I do know that 3D tools are available in processing in general. Hopefully I’ll be able to learn more about those in the future.

(Disclaimer: though I’ve mostly only talked about 3D modeling/design in this post, there are a lot of other things about p5/processing that I’m interested in as well, especially the interactive nature of it and how it can tie into web and app design!)

Jenny Hu— Face

Project 01 — Face

/*
Jenny Hu
Section E
jjh1@andrew.cmu.edu
Assignment-01
*/

function setup() {
    createCanvas(600, 600);
}

function draw() {
    background(255,245,242);
    noStroke();


//neck
    fill(250, 235, 220);
    rect(294, 370, 52, 60);
//neck shadow
    fill(235, 215, 207);
    rect(346,370, 12, 60);




//shirt
    fill(150, 157, 172);
    rect(192, 410, 138, 195, 100,0,0,0); //(x,y,w,h,topl eft, top right, bottom right, bottome left)
//shirt shadow
    fill(87, 96, 111);
    rect(330, 410, 138, 195, 0, 100, 0, 0);
//shirtsleeve
    fill(150,157,172);
    rect(61, 424, 71, 144, 100);
//shirt button
    fill(250);
    ellipse(330, 470, 20, 20);
    ellipse(330, 530, 20, 20);



//palm & thumb
    fill(250, 235, 220);
    rect(61, 269, 78, 132, 100);
    rect(130, 320, 30, 50, 100);
//fingers
    fill(255,245,242);
    rect(75, 260, 10, 50, 100);
    rect(94, 260, 10, 45, 100);
    rect(115, 260, 10, 50, 100);





//hair
    fill(87);
    rect(178, 177, 62, 328, 0, 0, 0, 20);
    rect(402, 177, 62, 328, 0, 0, 20, 0);
    rect(178, 115, 286, 62, 100, 100, 0, 0);
    ellipse(323, 90, 80, 80);





//face base & ears
    fill(250, 235, 220);
    rect(197, 177, 253, 200, 0, 0, 100, 100);
    rect(162, 218, 47, 63, 100);
    rect(445, 218, 47, 63, 100);




//hair bangs
    fill(87);
    rect(370, 140, 85, 70, 0, 0, 0, 100);




//mouth
    noFill();
    stroke(87);
    strokeWeight(9);
    ellipse(320, 320, 40, 40);


    noStroke();    
    fill(250,235,220);
    rect(286, 280, 80, 45);




//nose
    fill(235, 215, 207);
    rect(307, 251, 25, 50, 100);




//blush
    fill(255, 225, 212);
    ellipse(229, 278, 55, 55);
    ellipse(422, 278, 55, 55);




//earrings
    fill(240, 190, 97);
    rect(161, 230, 10, 5, 100);
    rect(161, 245, 10, 5, 100);
    ellipse(185, 272, 10, 10);
    ellipse(466, 272, 10, 10);




//eyes
    //whites
    fill(255);
    rect(244, 230, 37, 25, 0, 0, 100, 100);
    rect(364, 230, 37, 25, 0, 0, 100, 100);

    //blacks
    fill(0);
    ellipse(262, 236, 25, 25);
    ellipse(383, 236, 25, 25);
    rect(244, 224, 37, 7, 0, 100, 0, 0);
    rect(364, 224, 37, 7, 0, 100, 0, 0);
    rect(244, 218, 6, 8);
    rect(254, 218, 6, 8);
    rect(264, 218, 6, 8);
    rect(364, 218, 6, 8);
    rect(374, 218, 6, 8);
    rect(384, 218, 6, 8);

    //glasses
    noFill();
    stroke(133, 80, 50);
    strokeWeight(12);
    ellipse(257, 239, 100, 100);
    ellipse(383, 239, 100, 100);





    noLoop();
}

Fun stuff! In my process, I found visualizing in the sketch file a little slow for iterating graphical ideas. So instead, I went to work in a vector-program (sketch) to play with colors and shapes that stuck to the same primitive ones we’ve been using in class before. This allowed me to quickly plan my elements and push them in the program.

Jonathan Liang – Looking Outwards – 01

the future of transportation: printed one part at a time

While browsing through the futurefeeder blog, I came across a post about an artist who 3D printed an entire motorcycle. The artist recreated an entire Honda CB500 with just an Ultimaker 3D printer. Impressive, is it not? To me, not really. 3D printing vehicles has been a hot topic as of late and companies like Strati have already started prototyping 3D printed vehicles, that work. Of course none of Strati’s vehicles are entirely 3D printed, but the time soon will come when all parts and components to vehicles will be 3D printed. 3D printed vehicles come with many advantages, such as: lighter vehicle weight, reduced material loss, faster iteration process during the design process,  easier parts replacement, and anyone can customize their own cars. There will obviously be bumps along the process, but this seems like the clear future of the transportation industry.

New York artist creates a life-sized Honda CB500 motorcycle using just an Ultimaker 3D printer

 

 

Kevin Thies’s Project 1 Face

Kevin’s Face

// Kevin Thies
// Section C
// kthies@andrew.cmu.edu
// Project-01
function setup() {
  // put setup code here
  createCanvas(500,500);
}

function draw() {
  // put drawing code here
  background (102,140,93);
  // hat
    // all white back part
  stroke(255);
  fill(255);
  ellipse(250,100,300,150);
    // little bit of center grey
  fill(75);
  ellipse(250,100,250,150);
    //hiding the bottom half of the previous ones
  fill(102,140,93);
  noStroke();
  rect(10,100,490,300);
    //rounding out the bottom
  stroke(255);
  fill(255);
  ellipse(250,100,300,10);
    // hat lip
      // Underside
  stroke(255);
  fill(255);
  ellipse(250,110,280,50);
      // Lines
  stroke(75);
  strokeWeight(6);
  fill(0);
  quad(200,90,150,125);
  quad(175,90,125,122);
      // outline
  stroke(255);
  strokeWeight(6);
  fill(0,0,0,0);
  ellipse(250,110,280,50);

  // glasses
  stroke(120);
  strokeWeight(6);
  fill(0,0,0,0);
  rect(135,160,100,50,10,10);
  rect(265,160,100,50,10,10);
  rect(235,180,30,1);
  //beard
  noStroke();
  fill(130,103,64);
      // sideburns
  rect(95,180,15,100);
  rect(390,180,15,100);
      // chin bit
  quad(95,260,95,295,180,315,180,280);
  quad(405,260,405,295,320,315,320,280);
  quad(250,315,250,330,180,315,180,290);
  quad(250,315,250,330,320,315,320,290);
      // mustache
  quad(250,260,250,275,200,290,200,275);
  quad(250,260,250,275,300,290,300,275);

}

When I think of myself, I usually think about my glasses, my hair, and my hat. I really wanted to capture those as much as I could, giving attention to the fillet of the frames and the way the beard and mustache don’t quite connect. The hat’s weird but I wasn’t sure of a better way to do it. All in all, I like this stylized me.

Curran Zhang-Looking Outwards-1

Arts created from the hands of Toshiya Masuda are intended to allow people to think about the existence of his art through the cognitive assumptions of the viewer. By taking everyday objects as the motif of his art works, he wants everyone to relate to his art through his or her interaction of the object. Since everyone has different usage of the one object, everyone has their own interpretation of the artworks. Growing up in an era where digital quality has changed from extreme pixilation to hyper realistic, Masuda is trying to reverse this in the real world. From realistic items that has a unique shape, he simplifies it to simple cubes and pixels. Clay was used as the medium of his artwork to not only to change the way people normal view clay but also change the usage of clay. Instead of creating curve and smooth objects that are normally created by clay, he decides to scrap this idea and rebuild a lower resolution art work.

A Clay Representation of an Egg Cooking

Even though this type of artwork may seem a bit backwards, I am captivated with how he is able to use simple clay blocks to make people rethink the material of the artwork and the representation of artwork. Even though I am fascinated with how he conflicts the admirers of his art, I believe that he should also be able to expand on his medium and use different materials that have a more definitive form and deliver a more powerful statement. Many artist, designer, and architects should have the same ideas that Masuda is trying to convey and allow their work to inspire viewers to rethink their previous assumptions and way of thinking.

A Clay Representation of an Extruded Vase
A Clay Representation of a Pair of Shoes

 

Article:  https://www.thisiscolossal.com/2018/08/pixelated-ceramics-by-toshiya-masuda/

kade stewart-project01-face

sketch

function setup() {
    createCanvas(600, 600);
    noStroke();
    background(150,160,190);
}

function draw() {
    //head
    fill(255,224,189);
    rect(225, 225, 140, 200, 45, 45, 90, 90);

    //ears
    rect(210, 285, 90, 60, 10, 180, 10, 90);

    //glasses
    noFill();
    stroke(90);
    strokeWeight(3);
    rect(235, 285, 67, 55, 20, 20, 90, 90);
    rect(318, 285, 60, 55, 20, 20, 90, 90);
    arc(310, 310, 16, 15, PI, 0);

    //mouth
    strokeWeight(2);
    ellipse(300, 375, 20, 20);

    //nose
    fill(255,180,170);
    arc(310, 345, 20, 17, PI, 0);

    //hair
    fill(75,49,52);
    noStroke();
    rect(225, 250, 10, 70);
    triangle(225, 250, 235, 250, 240, 230);
    rect(235, 220, 140, 40, 20, 20, 400, 0);

    //eyes
    rect(280, 315, 10, 10, 3);
    rect(330, 315, 10, 10, 3);

    noStroke();
}

I started with the fact that my face is very close to a rectangle, just barely rounded at the edges. From there, I used my most noticeable features (my big glasses and big ears) to set my face and supported them with small eyes, a small nose, and a small mouth. The perspective was a mistake that I decided I liked, so I made my final product in perspective.