function setup() {
    
    createCanvas(200, 200);
    background(220);
    ellipse(100,100,50,50);
    fill(100,100,30);
    rect(50,50,100,30);
}
    
function draw() {
	
}
	

heyangc-portrait-01

//Heyang Chen
//heyangc@andrew.cmu.edu
//Section D
//project-01 self-portrait


function setup() {

    createCanvas(840, 1060);

}


function draw() {

    background(247, 208, 223);
    stroke (0);
    strokeWeight (3.5);

    //hair-left
    noFill();
    beginShape();
    vertex(399, 82);
    bezierVertex(56, 122, 39, 558, 143, 633);
    endShape();

    noFill ();
    beginShape ();
    vertex (143, 633);
    bezierVertex (202, 701, 108, 768, 175, 872);
    endShape ();

    //hair-right
    noFill ();
    beginShape ();
    vertex (410, 85);
    bezierVertex (729, 178, 636, 501, 579, 628);
    endShape ();

    noFill ();
    beginShape ();
    vertex (579, 628);
    bezierVertex (525, 742, 560, 781, 587, 809);
    endShape ();

    noFill ();
    beginShape ();
    vertex (587, 809);
    bezierVertex (655, 844, 560, 891, 607, 915);
    bezierVertex (690, 966, 707, 875, 790, 913);
    bezierVertex (838, 935, 760, 1014, 825, 1036);
    endShape();

    //fringe-right
    strokeWeight (2)
    noFill ();
    beginShape ();
    vertex (412, 210);
    bezierVertex (583, 447, 503, 674, 463, 797);
    endShape ();

    //fringe-left
    noFill ();
    beginShape ();
    vertex (406, 210);
    bezierVertex (388, 412, 252, 362, 190, 479);
    endShape ();

    noFill ();
    beginShape ();
    vertex (190, 479);
    bezierVertex (177, 540, 167, 610, 226, 713);
    endShape ();

    //nose
    noFill ();
    beginShape ();
    vertex (362, 535);
    bezierVertex (390, 628, 334, 631, 375, 667);
    endShape ();

    //mouth
    noFill ();
    beginShape ();
    vertex (344, 732);
    bezierVertex (363, 747, 402, 743, 412, 727);
    endShape ();

    //face
    strokeWeight (3.5)
    noFill ();
    beginShape ();
    vertex (235, 711);
    bezierVertex (288, 783, 375, 875, 462, 760);
    endShape ();


    //neeck
    noFill ();
    beginShape ();
    vertex (433, 828);
    bezierVertex (405, 882, 403, 924, 426, 965);
    endShape ();

    //colar bone
    noFill ();
    beginShape ();
    vertex (410, 994);
    bezierVertex (429, 982, 453, 975, 477, 980);
    endShape ();

    noFill ();
    beginShape ();
    vertex (477, 980);
    bezierVertex (581, 992, 610, 955, 636, 970);
    endShape ();


    //circle
    fill (203, 32, 39);
    ellipse (255, 914, 180, 170);

    //curve
    noFill ();
    stroke (147, 26, 29);
    strokeWeight (5)
    beginShape ();
    vertex (387, 502);
    bezierVertex (419, 407, 463, 492, 567, 401);
    bezierVertex (603, 353, 548, 293, 560, 238);
    bezierVertex (575, 187, 683, 206, 798, 20);
    endShape ();

}

I made a drawing in illustrator first, then translated out. During the process, I found difficulties in making curves. first, I tried out the curvevertex syntax, but resulted in rather unsmooth curves. Then I tried to make the curves out of bezier curves. However, problems showed when making bezier curves out of more than 4 control points. After experimenting, I divided those curves into segments. Each of them consists of 4 control points.

TeamLab

The first time that I got to know TeamLab was an exhibition done by them in Singapore, the topic was the future city. I was amazed how new media can present concepts so lively, and engaging. when I saw people were attracted and actively participated in the exhibition by imagining and drawing out the future cities in their minds, I thought that was an exhibition should be like, an event that can not only build a connection between the artists and viewers, but also ignite discussions among them. In their exhibitions, they turn the audiences to participants. To me, this interaction is what the prime aim of art display and exhibition.
I found their recent project, “the way of birds” is presented in a more intriguing manner. Still using the new media and computational methods as main media, the image that they convey is strong and evocative. however, slightly, differently, they present this project in a way that both floors, ceilings are used besides walls, as presenting “screens”. Ths act breaks the boundary of horizon, and this undulating presentation creates an overwhelming feeling, that makes the viewers experience either drowning in deep, or being surrounded and embraced by the sky. As they proposed, the space is made for contemplation. This setting, and of course, with the help of computer generated imaging, fulfilled this goal by creating a space that seems to trace back to the very beginning of human life, the womb. without the new media tool, this experiential environment can never be achieved.