Jenna Kim (Jeeyoon Kim)- Project 2- Variable Faces

jennakim2

/* Jenna Kim (Jeeyoon Kim)
Section E
jeeyoonk@andrew.cmu.edu
Project 2
*/

// variability
var faceX = 318;
var faceY = 257;
var faceWidth = 250;
var faceHeight = 200;

var faceColorR = 255;
var faceColorG = 177;
var faceColorB = 162;

var eyeX = 279;
var eyeY = 240;
var eyeColorR = 255;
var eyeColorG = 163;
var eyeColorB = 46;
var eyeWidth = 25;

var earX = 195;
var earY = 253;
var earWidth = 50;
var earHeight = 50;

var noseX1 = 322;
var noseY1 = 244;
var noseX2 = 302;
var noseY2 = 272;
var noseX3 = 340;
var noseY3 = 272;

var musX = 300;
var musY = 280;
var musWidth = 40;
var musHeight = 10;

var hatX = 318;
var hatY = 158;
var hatcircleX = 320;
var hatCircleY = 140;

function setup() {
    createCanvas(640, 480);
}

function draw() {
    background(faceWidth, 230, faceHeight);  
    
    //face
    noStroke();
    fill(faceColorR, faceColorG, faceColorB);
    ellipse(faceX, faceY, faceWidth, faceHeight);

    //left eye
    noStroke();
    fill(eyeColorR, eyeColorG, eyeColorB);
    ellipse(eyeX, eyeY, eyeWidth, eyeWidth);

    //right eye
    noStroke();
    fill(eyeColorR, eyeColorG, eyeColorB);
    ellipse(eyeX + 80, eyeY, eyeWidth, eyeWidth);

    //left ear
    noStroke();
    fill(faceColorR, faceColorG, faceColorB);
    ellipse(earX, earY, earWidth, earHeight);

    //right ear
    noStroke();
    fill(faceColorR, faceColorG, faceColorB);
    ellipse(earX * 2.3, earY, earWidth, earHeight);

    //nose
    noStroke();
    fill(200);
    triangle(noseX1, noseY1, noseX2, noseY2, noseX3, noseY3);

    //mustache
    noStroke();
    fill(0);
    rect(musX, musY, musWidth, musHeight);

    //hat
    noStroke();
    fill(0);
    ellipse(hatX, hatY, faceWidth * 1/2, faceHeight * 1/7);
    noStroke();
    fill(0);
    ellipse(hatcircleX, hatCircleY, earX * 0.1, earY * 0.1);
}

function mousePressed() {
    //random eye color
    eyeColorR = random(0, 255);
    eyeColorG = random(0, 255);
    eyeColorB = random(0, 255);

    // random eye size
    eyeWidth = random(10, 40);

    //random ear size
    earWidth = random(45, 75);
    earHeight = random(45, 75);

}

It was fun to combine what we learned last week and this week to create a
face. “function mousePressed() {}” will definitely be an important tool
for my future design projects.

Jenna Kim (Jeeyoon Kim)- Project 1- Self Portrait

jennakim.js

/*Jenna Kim (Jeeyoon Kim)
Section E
jeeyoonk@andrew.cmu.edu
Project-01
*/


function setup() {
    createCanvas(600, 600);
    background(173, 222, 223);
}

function draw() {
    //hair
    noStroke();
    fill(147, 127, 114);
    ellipse(375, 260, 397, 472);
    fill(147, 127, 114);
    ellipse(184, 512, 122, 122);
    fill(147, 127, 114);
    rect(180, 240, 65, 271);
    fill(147, 127, 114);
    rect(461, 242, 111, 356);
    fill(147, 127, 114);
    quad(154, 113, 176, 66, 275, 66, 231, 119);
    fill(147, 127, 114);
    quad(214, 42, 250, 23, 293, 66, 255, 90);
    fill(147, 127, 114);
    arc(180, 401, 96, 96, 0, PI, OPEN);
    fill(147, 127, 114);
    arc(180, 353, 50, 50, 0, PI, OPEN);

    //face&body
    noStroke();
    fill(250, 199, 199);
    ellipse(365, 285, 369, 439);
    fill(250, 199, 199);
    triangle(374, 305, 205, 598, 544, 598);

    //ears
    noStroke();
    fill(250, 199, 199);
    ellipse(172, 261, 81, 88);
    fill(250, 199, 199);
    ellipse(550, 249, 81, 88);

   //earrings
   noFill(0);
   strokeWeight(3);
   ellipse(555, 276, 200, 200);
   stroke(300);
   noFill(0);
   strokeWeight(3);
   ellipse(167, 285, 60, 60);
   stroke(300);

   //mustache
   noStroke();
   fill(0, 0, 0);
   rect(307, 328, 88, 26);

   //upper teeth
   noStroke();
   fill(300, 300, 300);
   rect(291, 370, 26, 26);
   fill(300, 300, 300);
   rect(325, 370, 26, 26);
   fill(300, 300, 300);
   rect(358, 370, 26, 26);
   fill(300, 300, 300);
   rect(392, 370, 26, 26);

   //lower teeth
    noStroke();
   fill(300, 300, 300);
   rect(307, 401, 26, 26);
   fill(300, 300, 300);
   rect(337, 401, 26, 26);
   fill(300, 300, 300);
   rect(368, 401, 26, 26);

   //nose
   noStroke();
   fill(241, 96, 97);
   triangle(366, 213, 365, 305, 275, 304);

   //nose holes
   noStroke();
   fill(300, 300, 300);
   ellipse(345, 270, 30, 30);
   fill(300, 300, 300);
   ellipse(310, 288, 10, 10);

   //eyes
   noStroke();
   fill(241, 96, 97);
   ellipse(291, 217, 82, 82);
   fill(241, 96, 97);
   ellipse(432, 205, 100, 100);

   //sunglasses
   noStroke();
   fill(0, 0, 0);
   ellipse(291, 217, 67, 67);
   fill(0, 0, 0);
   ellipse(432, 205, 84, 84);
   rect(305, 205, 81, 11);

   //eyelashes
   noStroke();
   fill(241, 96, 97);
   rect(287, 162, 3, 20);
   fill(241, 96, 97);
   rect(425, 125, 3, 31);

   }

I loved how this project summed up everything we learned this week; it gives me an opportunity to review everything. There are many aspects I learned about coding from this project, but most of all, I learned that it is crucial for me to put in the right code all the time. One small incorrect code can change everything.

Jenna Kim(Jeeyoon Kim)- Looking Outwards- 1

‘graffiti nature – living in the ruins of a bathhouse’: flowers grow as the visitors walk through the bathhouse

“for thousands of years, people have looked for meaning in the relationship between humans and nature. both exist in an eternal cycle of life and death, ever-evolving with the trials and tribulations of time. throughout history, humanity has caused immense damage to nature, yet has similarly been devastated by it, too. the connection is complex, multi-faceted and of great magnitude to teamlab’s core thinking.” https://www.designboom.com/art/teamlab-mifuneyama-where-gods-live-shiseido-saga-japan-07-24-2017/


(Drawing on the water surface created by the dance of koi and boats: one of the 14 installations by teamLab)

Visitors’ coloring pictures are scanned
Colored pictures applied to the installation.

“A forest where gods live”, by teamLab, is a project in which it transformed a 500,000 square meter garden located in Japan into a grandiose digital art exhibition. It shows 14 artworks, and these designers soften the sharp boundary between nature and manmade. These digital interventions are part of an open air museum where people can interact with nature and also look at the beautiful design. One part of this project that I really liked was the visitor interaction; visitors can color the pictures of the animals or flowers, scan these, and put these colored pictures in the actual installation. This project really inspired me to be interested in media design because I was mesmerized by this design that represented nature in a digital intervention without harming the nature; maybe, I want to be part of this team to continue a project similar to this in the future. The thought that continuity of life and death existing in the nature like the forest, rocks, and animals influenced teamLab to apply digital art to the forest park. teamLab did several similar projects related to nature before “A forest where gods live”. This is a team that collects different professionals in the digital art world. Artists, engineers, mathematicians, graphic designers, and many more people are brought together to create art that is jaw dropping. For this project, it used “project mapping”, which is alike to video mapping and augmented reality, and light and sound technologies. Project mapping, unlike simple projection of a screen, is a display of 3D objects on interactive displays. I have to say that the project is flawless because it accomplished the goal, to create digital art that is not harmful to nature, successfully through just simple projection of digital art, music, and light on to the nature itself.