Category: SectionB

Rachel Shin – Project 01 – Face

I identify myself as a pretty basic looking person. I find myself being too lazy to do much makeup so at most times, I just do my brows in my morning. In addition, a key part of me is how much I like boba. I chose to incorporate it as a part of my self portrait. The key thing that I focused on was positioning and layering. Since I am familiar with working with layers on Adobe Photoshop, it was fun to play around with layers again in this project.

Rachel Shin – Project 01 – Face

//Rachel Shin
//15-104 (Section B)
//reshin@andrew.cmu.edu
//Project-01



function setup() {
    
    createCanvas(600, 600);
    background(157,190,196);
    text("Rachel Shin. 15-104 Section B. reshin@andrew.cmu.edu. Project-01", 10, 15);

}

function draw() {

    //hair
    noStroke();
    fill('black');
    rect(175,150,250,450);

   

    //face
    noStroke();
    fill(219,214,178);
    ellipse(300, 320, 200, 260);

    noStroke();
    fill(219,214,178);

    //hair part 2 bangs
    noStroke();
    fill('black');
    rect(175,180,250,120);

    //eyebrows
    noStroke();
    fill(56,54,41);
    ellipse(250, 320, 40, 5);

    noStroke();
    fill(56,54,41);
    ellipse(350,320,40,5);


    //eyes brown
    noStroke();
    fill(56,54,41);
    ellipse(250, 340,20,20);

    noStroke();
    fill(56,54,41);
    ellipse(350,340, 20, 20);

    //nose
    noStroke();
    fill(56,54,41);
    triangle(300, 360, 290, 380, 300, 380);

    //mouth and boba
    noStroke();
    fill(128, 79, 78);
    ellipse(300, 400, 10, 10);

    noStroke();
    fill(128, 79, 78);
    rect(295, 400, 10, 50);


    noStroke();
    fill(255,255,255);
    ellipse(300, 450, 100, 15);

    noStroke();
    fill(255,255,255);
    rect(250, 450, 100, 150);

    //bobas
    noStroke();
    fill('black');
    ellipse(300, 570, 10, 10);

    noStroke();
    fill('black');
    ellipse(260, 580, 10,10);

    noStroke();
    fill('black');
    ellipse(340, 590, 10,10);

    noStroke();
    fill('black');
    ellipse(280, 585, 10, 10);

    noStroke();
    fill('black');
    ellipse (320, 585, 10, 10);




    
 }

Fallon Creech – Project-01-Face

sketch

function setup() {
    createCanvas(600, 600);
    background('hsl(160, 100%, 50%)');
}

function draw() {
  noStroke();
  fill(0);
  quad(0, 600, 0, 365, 35, 300, 35, 600);
  quad(35, 300, 100, 250, 100, 600, 35, 600);
  quad(100, 250, 100, 600, 250, 600, 250, 350);
  triangle(250, 600, 250, 350, 305, 600);

  noStroke();
  fill(125);
  quad(250, 350, 100, 250, 150, 175, 300, 260);
  quad(260, 290, 335, 275, 375, 250, 290, 255);

  noStroke();
  fill(225);
  quad(290, 255, 375, 250, 365, 180, 150, 175);
  quad(150, 175, 325, 40, 343, 115, 200, 177);
  triangle(343, 115, 365, 180, 175, 180);
  triangle(365, 180, 385, 170, 340, 110);

  noStroke();
  fill(195);
  triangle(325, 40, 250, 25, 150, 35);
  triangle(325, 40, 250, 100, 150, 35);
  quad(150, 35, 250, 100, 250, 325, 150, 325);
  triangle(250, 325, 280, 325, 250, 280);
  triangle(150, 325, 100, 250, 150, 150);
  triangle(100, 250, 150, 150, 150, 90);
  triangle(150, 90, 150, 35, 130, 180);
}

I decided to approach this project by using a different composition than is typical in self-portraits. This side profile provided the opportunity to explore more angular forms, which I achieved with quad and triangle functions. I thought the restriction of elements allowed for experimentation with abstraction, so I further highlighted that requirement by using a limited color palette and geometric forms that belong to the same family.

Minjae Jeong Project-01

sketch

function setup() {
    createCanvas(500,600);
    background(255,229,204);

}

function draw() {
    fill(242,215,215);
    ellipse(140,130,100,50);
    ellipse(360,130,100,44);

    fill('black');
    ellipse(140,130,40,40);
    ellipse(360,130,40,40);

    fill('brown');
    triangle(250,150,190,310,310,310);

    fill('black');
    strokeWeight(3);
    line(170,60,200,80);
    line(145,60,175,80);
    line(120,60,150,80);
    line(95,60,125,80);
    line(70,60,100,80);
    line(45,60,75,80);

    line(330,60,300,80);
    line(355,60,325,80);
    line(380,60,350,80);
    line(405,60,375,80);
    line(430,60,400,80);
    line(455,60,425,80);

    fill('red');
    rect(100,380,300,80);
    line(100,420,400,420);


}

I drew the most simplest self-portrait with only certain notable characteristics. Bushy eyebrows, smaller right eye, and big lips. Although no one might think this is my self portrait, but I tried to keep it as simple as possible while including some distinctiveness.

*I do not know how to modify the frame size, the whole frame disappears when I try data-width and data-height **Fixed

Sydney Salamy: Project-01-Face


The process and resulting product were interesting. The restriction to around ten graphic elements really forced me to focus on the most basic aspects of my face, with it being simplified enough to fit the requirements but contain enough features so that viewers could kind of see how it could be a portrait of my face. Even with the restriction, I was able to make the portrait a bit interesting with the use of colors.

 

SydneyFaceSketch

function setup(){
    createCanvas(400,400);	
    frameRate(.7);
}

function draw() {
    background(random(250),random(95),random(95));
    noStroke();

    fill(242, 226, 124);//yellow
    ellipse(200,200, 300,300);//yellow circle
    ellipse(200,200, 5,5);//yellow for shirt
    
    fill(46,2,2);//brown
    ellipse(200,210, 160,200);//hair base
    quad(97,299, 120,207, 280,207, 303,299);//hair bottom quad
   
    fill(242, 226, 124);//yellow
    ellipse(200,300, 195,80);//yellow for shirt
   
    fill(238, 179, 118);//darker tan
    ellipse(200,290, 90,70);//chest
    
    fill(245, 186, 125);//tan 
    ellipse(200,200, 125,140);//face
    
    fill(46,2,2);//brown
    quad(210,124, 200,150, 136,190, 143,155);//left bang
    quad(190,124, 200,150, 264,190, 257,155);//right bang
    quad(155,150, 185,120, 215,120, 245,150);//filler
   
    fill(255);
    ellipse(175,200, 35,35);//left eyeball
    ellipse(225,200, 35,35);//right eyeball
    fill(46,2,2);//brown
    ellipse(175,200, 25,25);//left eyeball inner
    ellipse(225,200, 25,25);//right eyeball inner
}

Rachel Shin-LO-01

Polina Efremova is a Berlin-based photographer who has merged two digital eras into a single artform. Efremova runs digital video through an old PC which glitches, allowing her to screenshot the glitches and therefore providing a newly created artform that conjoins the digital ages decades apart. This project interested me because it embarks upon an artform that conjoins two juxtaposing ages in which old and new are merged together. I appreciate Efremova’s effort to utilize the “antiques” that are so easily discarded nowadays as it also represents the distorted and imperfect nature of our world today. While most photographers would turn to their macBooks with Adobe software to import, edit, and export their photos, Efremova uses a unique system to produce her artwork. This might have been more effective by collecting several old PCs, allowing her to produce several versions of this art style. However, it does produce a distorted reflection of society today. 

Here we see one of Efremova’s many “glitched works.” Efremova creates this images by running new technology through old.

Efremova describes that she accidentally discovered her art style in 2013 when she “installed a new video player on a very old PC” (Pangburn, VICE). She claims to not remember why she decided to try running her Canon footage through her PC. Even as a photographer, Efremova often worked with film to produce her work, but after this happy and sudden discovery, Efremova has decided to go forth to produce videos in this distorted, glitching style.

Glitch: Merging Old and New

Julia Nishizaki – Looking Outwards 01

Second Skin hydro-reactive fabric by MIT

The project I chose to write about is bioLogic’s Second Skin, a line of sportswear the reacts to sweat and body heat, causing small flaps of fabric to peel back, so that sweat can evaporate. BioLogic, a team of 8 researchers in the Tangible Media Group at MIT Media Lab, embedded the bacteria, Bacillus Subtilis Natto, which naturally expands and contracts in relation to moisture, into Second Skin’ fabric. I was introduced to Second Skin in an e-textiles course I took last year, and while this isn’t a coding or electronics based work, I was really inspired by the meaningful, effortless interactions between the dancers and their “living garments.” I really admire this project not just because of how the transformations of the fabric help to regulate the athletes’ body temperatures and improve their performances, but also because it visualizes the work and effort of the athletes in a very tangible and elegant manner, elevating the experience.

Other projects at this lab that utilize the bacteria in a similar manner include tea bags with indicators that unfurl when the tea is ready, and lamps that expand and change from the heat of the light bulbs inside.

Second Skin, created by the research team, bioLogic, in the Tangible Media Group at MIT Media Lab

Sydney Salamy: Looking Outwards-01

The project I chose is called “Visualization” by Λ B H I N Λ V . K R on OpenProcessing. The project starts with a cute picture of a golden retriever puppy running on a beach. When you run your mouse over the picture it turns into four circles with the color of their background. If you keep going over the circles they get smaller and smaller, and this causes the details in the photo to come back out. The end result is the same picture, except with a more mosaic look to it.

I admire how the creator was able to take such a simple idea and make it interesting. Despite the fact that you are just running your mouse to make circles smaller, it is somehow entertaining. It is satisfying to watch as the picture comes back, and also satisfying to shrink the circles, almost like popping bubbles, except more interesting because you are rewarded with the cute face of a dog. The interactive element is especially great because it allows the user to influence how they want the piece to look. They could leave part of the piece un-popped, pick a certain color to pop, etc. This allows the user to add a personal touch to the end result. I admire these aspects of the project because they are not only entertaining, but also show that a person doesn’t have to code a whole complicated piece to make something interesting, they can have a very simple idea and still be successful.

  • Only one person seemed to be involved in creating the project. I’m not exactly sure how long it took him to create his piece. I looked at the dates of the works before and after and it seems like he posts about three to four different pieces-one per day-and then there will be a gap, then another cluster of posts. I’m guessing he makes a bunch in advance and then posts them all at a time over the span of a couple days. The gaps between these clusters seem to be about three weeks to a month, so I think it took him about one to two weeks to create that single post (although this is just a guess).
  • The software he used seemed to be “off-the-shelf”. OpenProcessing is a very public/easy-to-access site, and the code he wrote didn’t seem like anything out of the ordinary. His project doesn’t look like something he would need custom software for.
  • I don’t know any specific works he might have been inspired by. However, many of his previous works included a variety of colors and shapes, and are user-interactive. Also, looking at his “Hearts” section you can see that the works he liked also fit into this category. “Visualization” also fits this description, so it seems he has a type of work he likes to create.
  • Since the work is interactive, entertaining, and visually appealing, I could see the artist possibly working in the gaming industry since coding and creativity are demanded there. Not so much complicated games but more leaning towards ones you would find in the App store for your phone. Like maybe one level would be the dog-bubble piece and then the next would be something different but using the same concepts and ideas throughout. I could imagine a game where you would start out with the four big bubbles, and then would have to guess what the image was while trying to pop the least amount of bubbles. He could also create gifs and/or short and interactive animations for websites.
  • Λ B H I N Λ V . K R.“Visualization.” OpenProcessing, 2015.

Video And Picture Below

DogOPvid5smol

Photo of “Visualization” by Λ B H I N Λ V . K R

Alec Albright – Project 01

sketch

// ALec Albright
// Section A
// Project 01


function setup(){
    height = 600
    width = 600
    createCanvas(width, height);
    angleMode(DEGREES);
}

function draw(){
    // background color change
    if(mouseIsPressed) {
        background("black");
    } else {
        background("blue");
    }

    // forehead
    fill(0, 255, 255);
    noStroke();
    rect(140, 160, 320, 160);

    // lower half of face
    noStroke();
    fill("magenta");
    quad(125, 310, 475, 310, 370, 510, 250, 510);

    // mouth
    fill("black");
    arc(300, 400, 100, 40, -10, 170, PIE);

    // nose
    fill(153, 51, 255);
    triangle(300, 270, 325, 360, 300, 370);

    // eyes
    fill("white");
    ellipse(240, 215, 45, 80);
    ellipse(350, 240, 60, 95);
    if (mouseX < width/2) {
        fill('black');
        ellipse(230, 230, 15, 30);
        ellipse(340, 261, 23, 40);
    } else {
        fill('black');
        ellipse(250, 230, 15, 30);
        ellipse(360, 261, 23, 40);
    }

    // hair
    fill("orange");
    rect(120, 40, 365, 130, 200, 40, 60, 0);

    // jaw
    stroke('yellow');
    strokeWeight(30);
    line(150, 360, 250, 510);
    stroke("red");
    line(200, 485, 435, 485);
    stroke('limegreen');
    line(450, 335, 350, 545);
}

In creating this project, I wanted to experiment with both understanding the coordinate system and using imperfection and variety in shapes and color to provide character in the work. I certainly encountered some struggles in accurately placing objects initially, but I got better at it as I progressed through the assignment.

Xu Xu – Looking Outwards – 01

The audiovisual installation AURA by Nick Verstand (a contemporary artist who researches the boundary between the immaterial and material world, and strives to create art that breaks down social boundaries) presents the experimenters’ emotions visually as light compostions in various forms and shapes. The intensity and colour of the forms are translated from brain waves, heart rate variability, and galvanic skin responses of the experimenters, which are collected through wearable biosensors. These emotional cues are being processed and analyzed by the system and derived into visible light. Through influences of musical compositions, the lights would respond to the changes of one’s emotions.This installation tributes to artist Anthony Mccall, who intends to explore light as a medium. Through these series of transformations, AURA provides a possibility for people to have a better understanding of themselves and their emotions through colours and intensities. Quoting the website of AURA, “the installation symbolises the materialisation of (internal) metaphysical space into (external) physical space.” This installation allows the resulting experiences to be a co-creation of the experimenters and artists, and generates a hypnotizing visual experience for the mind.

Crystal Xue- Project-01

sketch-125.js

//Crystal Xue
//15104-section B
//luyaox@andrew.cmu.edu
//Assignment-01

function setup() {
    createCanvas(600,600);
    background(221,210,59);
    angleMode(DEGREES);
}

function draw() {
    noStroke();
	fill(220,184,121);
    ellipse(300,270,233,280);
    //face

    fill(155,145,194);
    rect(205,430,190,140);
    triangle(205,430,205,530,160,510);
    triangle(395,430,395,530,440,510);
    //shirt

    fill(220,184,121);
    rect(270,380,60,60);
    rect(235,430,130,80);
    //neck

    fill(255,255,255);
    circle(300,490,10);
    circle(290,488,6);
    circle(280,485,6);
    circle(270,478,6);
    circle(260,468,6);
    circle(251,454,6);
    circle(245,435,6);
    circle(355,435,6);
    circle(349,454,6);
    circle(340,468,6);
    circle(330,478,6);
    circle(320,485,6);
    circle(310,488,6);
    //necklace

    fill(255,255,255);
    ellipse(250,273,33,20);
    ellipse(350,273,33,20);
    fill(0);
    circle(250,270,25);
    circle(350,270,25);
    stroke(20);
    strokeWeight(4);
    line(265,263,200,260);
    line(260,263,217,266);
    line(333,263,394,260);
    line(337,263,382,266);
    //eyes

    fill(0);
    beginShape();
    curveVertex(350, 140);
    curveVertex(300, 220);
    curveVertex(220, 250);
    curveVertex(200, 320);
    curveVertex(200, 380);
    curveVertex(190, 420);
    curveVertex(160, 420);
    curveVertex(160, 330);
    curveVertex(160, 220);
    curveVertex(260, 130);
    curveVertex(350, 140);
    curveVertex(300, 220);
    curveVertex(220, 250);
    endShape();
    fill(0);
    beginShape();
    curveVertex(320, 80);
    curveVertex(350, 140);
    curveVertex(380, 190);
    curveVertex(420, 250);
    curveVertex(420, 270);
    curveVertex(415, 250);
    curveVertex(370, 200);
    curveVertex(350, 150);
    curveVertex(320, 80);
    endShape();
    fill(0);
    beginShape();
    curveVertex(160, 400);
    curveVertex(140, 450);
    curveVertex(160, 490);
    curveVertex(180, 440);
    curveVertex(190, 410);
    curveVertex(150, 400);
    endShape();
 
    push();
    rotate(50);
    fill(0);
    ellipse(400,-175,140,30); 
    pop();
    //hair   

    noStroke();
    fill(119,66,141);
    circle(169,430,20);
    triangle(160,430,120,410,120,440);
    triangle(180,430,210,410,210,440);
    //hairtie

	fill(220,184,121);
    ellipse(426,265,27,45);
    //ears

    fill(152,109,178);
    ellipse(210,310,100,20);
    ellipse(390,310,100,20);
    //blush

    fill(168,73,122);
    circle(300,370,30);
    fill(98,41,84);
    circle(300,375,20);
    //mouth
}

This was my very first time trying to generate images by coding. It was quite a fun and self-reflecting experience. Especially when I was generating curves, it reminds me of the blind drawing exercise(Drawing only looking at the subjects but not the canvas) I’ve done in high school.